CSS：我如何居中水平列表？顯示：內聯不能正常工作

Question

我在使最簡單的代碼工作時遇到了很大的麻煩。我想讓我的CSS水平列表居中，就是這樣。

鏈接在這裏：http://bit.ly/LtIBai

我有這樣的代碼：

#megaMenu.megaMenuHorizontal ul.megaMenu { 
text-align: center; 
} 

#megaMenu.megaMenuHorizontal ul.megaMenu > li { 
display: inline; 
} 

然而，它不會中心？

注意：該窗口必須處於「平板電腦縱向」大小以查看我所指的代碼。大約800px寬，當徽標居中並且菜單下降到下一行時，但在移動菜單出現之前。

Answer 1

他們拒絕居中的原因是他們也漂浮在左邊。將dislay: inline更改爲display: inline-block; float: none，它們顯示居中。

編輯：有（主要是不必要的）CSS代碼很多在那裏，所以你可能需要調整一些其他的東西，它看起來權利之前，但浮動是什麼導致至少不對心的。