我如何使水平導航菜單中心對齊

Question

我正在創建基於Twenty Eleven主題的Wordpress主題，無法弄清楚如何自動導航欄中心，因此我不必經常更新它。

這裏是我的CSS： http://pastebin.com/SGvKmXEb

這裏是PHP/HTML： http://pastebin.com/TBL1nzjV

有可能是在CSS重複的屬性，但僅僅是因爲我仍然在這個試驗和測試多個事...

在此先感謝您的幫助！

Answer 1

這個工作對我的測試網站，你提供

#access li { 

float: left; /*delete*/ 
display:block; /*delete*/ 

display:inline-block; /*add*/ 

} 

#access ul { 

margin-left: 25%; /*delete*/ 
margin-right: 25%; /*delete*/ 
width: 1000px; /*delete*/ 
height: 10px; /*delete*/ 

margin-bottom: 0px; /*add*/ 
margin-left: 0px; /*add*/ 
padding: 0px; /*add*/ 

} 

Answer 2

我會選擇一種內聯塊方法。

.containerElement { 
    width: 100%; 
    text-align: center; 
} 

.childElements { 
    display: inline-block; 
} 

爲了讓它在你的代碼工作，你需要刪除.containerElement（#access UL）固定高度，.childElements（#access LI）漂浮性。