Css 大小相等的列表项

我正在尝试创建一个包含列表项的导航栏。我在它们周围放了一个边框，我试图找出如何使列表项周围的边框大小相等。它们似乎总是与边框内文本的大小一致。对不起，如果这是一个愚蠢的问题，我是新的网页设计

#导航{
背景色：#000；
高度：100px；
填充顶部：20px；
}
李{
显示：内联；
边界：1px起点#c4cc；
背景色：#C4CC；
字体系列：Tahoma，日内瓦，无衬线粗体；
左边距：29px；
字体大小：粗体；
填充：12px；
}

关于我们
联系我们
铸件
机械加工
产品
家

不确定这是否正是您想要的，但请尝试以下CSS：

#nav { 
  background-color: #000; 
  overflow: hidden;
} 

li { 
  float: left;
  background-color:#c4c4cc; 
  font-family:Tahoma, Geneva, sans-serif bold; 
  margin: 29px; 
  font-weight:bold; 
  padding:12px; 
}

ul {
  margin: 0px;
}

---

这是一个js bin，示例如下：

您只需将

标记的高度设置为与

标记中文本的最大大小相匹配的值。然后就可以了。
如果希望所有列表项的宽度相同，则需要

1） 设置列表项的宽度（例如，对应于最宽的项）

2） 为了能够设置宽度，您需要将列表项的显示值从
inline
更改为
inline block
，因为宽度不适用于inline元素



#导航{
高度：100px；
填充顶部：20px；
}
李{
显示：内联块；
边界：1px起点#c4cc；
字体系列：Tahoma，日内瓦，无衬线粗体；
左边距：29px；
字体大小：粗体；
填充：12px；
宽度：100px；
文本对齐：居中；
}


关于我们
联系我们
铸件
机械加工
产品
家

你能添加一些代码和屏幕截图吗？我试过了，但不确定是否理解这个问题，你可以使用jsbin或jsfiddler给我们一些代码，这将帮助我们帮助你。。。我用你添加（和删除）的代码创建了一个。你能给我们更多解释一下你想做什么吗？背景色：000；高度：100px；顶部填充：20px；}li{显示：内联；边框：1px开始#c4cc；背景色：#c4cc；字体系列：日内瓦塔荷马，无衬线粗体；左边距：29px；字体重量：粗体；填充：12px；}html
关于我们
联系我们
铸件
加工
产品
主页
好的，你想做什么呢？你想让每个“按钮”都有完全相同的尺寸吗？谢谢你的帮助！