css-居中水平菜单项

任何帮助都将不胜感激。我已经为代码创建了一个JSFIDLE-

无标题

我该怎么办

• 把文字放在中间

更改以下位置的填充：

.nav a

用于：

或：

---

第二个值用于右填充，第四个值用于左填充，如果要将其居中，则必须将它们设置为相同的值。

文本在列表元素中居中。它看起来不像，因为你在左边放了很多填充物。谢谢大家的回答。我更新了密码。。我的问题是，如何在不改变文本下方底部边框宽度的情况下，在菜单项的左侧和右侧添加填充？@Lacer您必须在右侧和左侧添加填充，我在这里修改了填充

.nav a

padding: 10px 0 10px 0;

padding: 10px 40px 10px 40px;