CSS：如何将水平列表居中？显示：内联不工作

我很难让最简单的代码正常工作。我希望我的css水平列表居中，仅此而已

链接此处：

我有以下代码：

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

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

但它不会成为中心

---

注意：窗口必须是“平板电脑肖像”大小才能看到我所指的代码。大约800px宽，当徽标居中且菜单下降到下一行时，但在移动菜单出现之前。

它们拒绝居中的原因是它们也浮动到左侧。将

dislay:inline

更改为

display:inline块；浮动：无

，它们显示在中间

---

编辑：里面有很多（大部分是不必要的）CSS代码，所以在看起来合适之前，您可能需要调整一些其他东西，但浮动是导致不居中的原因。

谢谢！！它工作得很好。是的，mega菜单插件提供了各种各样的无意义css。但现在这就行了！哥们，你真的应该想想你的选择器，那看起来不太好。例如，当您有ID时，为什么要调用

#megaMenu.megaMenuHorizontal

？另外，不要使用

ul.megaMenu

，因为浏览器将首先查找所有

ul

，然后从中选择

.megaMenu

。你确定不能只使用像

#megaMenu ul

和

#megaMenu li

这样的东西吗？干杯