中心Div有填充而不是边距

Question

我有一个带有底部边框的全宽标签导航栏，我想要将标签水平居中。

问题是，我不能用＆＃34; margin：auto＆＃34;因为我希望底部边框是全宽的。有没有其他方法可以使用填充中心？

另外，我无法在＆＃34; nav-tabs＆＃34;内添加任何其他div。由于我使用的插件用于移动支持，因此伪造边框并非真正的选择。

这里是链接：http://www.os-os.co.uk/CGMATHEWS/

谢谢你！

Answer 1

为什么不使用text-align: center将菜单项置于中心位置？这将保留全宽边框以及导航标签的中心;这是一个解决方案，请在样式表的底部添加以下CSS：

.nav-tabs>li {
     float: none;
     display: inline-block;
}

.nav-tabs {
     text-align: center;
}

以下是添加上述CSS后导航栏的外观截图：