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代码，所以你可能需要在它看起来正确之前调整一些其他东西，但浮动是导致非至少以中心为中心。