編輯導航菜單 - 如何包裹顯示：塊，浮動：左邊有一個居中菜單？

Question

好的，所以我一直在自我編輯一個相當複雜的網站，並且一直都停留在涉及菜單的最後部分。它有一個float：left命令（導航欄顯示在屏幕左側），我一直試圖用一個包裝器將它與文本對齊：center（出現在屏幕中央），但一直不成功。

下面是編碼：

#nav a { 
    display: block; 
    padding: 5px; 
    color: #aaa; 
    text-decoration: none; 
    outline: none; 
    font-weight: normal; 
    font-family: "Droid Serif", Georgia ,serif; 
} 
#nav > .current-menu-item > a, 
#nav > li a:hover { color: #4C4C4C } 
.plus { color: #aaa } 
#nav ul { 
    position: center; 
    display: none; 
} 
#nav li { 
    float: left; 
    position: relative; 
    list-style-type: none; 
    padding-bottom: 5px; 
} 
#nav li a { 
    letter-spacing: 3px; 
    font-size: 14px; 
    text-transform: uppercase; 
    padding: 8px 15px; 

我是一個編程小白和試錯，並在谷歌瀏覽器「檢查元素」命令的組合幾乎是生存。請溫柔而解釋性:)

歡呼聲， 傑斯的

Answer 1

代替浮動給顯示：inline-block的您LI。像這樣寫：

#nav li { 
    display:inline-block; 
    *display:inline;/* For IE*/ 
    *zoom:1; 
    position: relative; 
    list-style-type: none; 
    padding-bottom: 5px; 
} 

Answer 2

如果要居中在導航的UL，只需添加寬度 UL和保證金：0汽車; 如果您不想添加寬度檢查How do I center align horizontal <UL> menu?