我该如何居中这个导航栏？

Question

已经尝试了很多不同的东西，仍然有很多的麻烦围绕这个导航条： http://www.miriammedical.co.uk/miriam2012

如果我按照这里的意见... Editing Nav Menu - How Do I Wrap display:block, float:left to have a Centered Menu? ......这是增加一个固定的和使用保证金0自动，所发生的是该列表偏离中心。

再有就是这个，这表明使用保证金左：自动和保证金右：自动... CSS Issue Centering NavBar ......但同样的事情，这是偏离中心的

还有其他的教程提示使用float：left，但任何时候我添加浮动（无论是列表本身，或列表和它的容器），我要么出现在屏幕左边的列表，要么我只是得到一切裂缝出现在容器而不是列表在一行上。

我知道这是一个经常涉及的话题，但同样的老建议并不适合我。我明显失去了一些东西，所以帮助将不胜感激。希望能够澄清核心编码问题，而不是网络上的所有其他答案，而这些答案似乎也提出了相同的基本建议。谢谢。

Answer 1

这不是一个最终的解决方案，但在特定情况下，它的工作原理

ul#nav { 
font-size: 12px; 
width: 666px; 
margin: auto; 
alignment-baseline: central; 
} 

元素具有任何width，与margin:auto;将获得相对居中的位置到它的父

Answer 2

您可以使用此：

div.navbar_wrapper { text-align: center; } 
ul#nav { display: inline-block; width:auto; }