我該如何居中這個導航欄？

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; }