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代码,但是浮动是什么导致至少不对心的.