如何在css中将水平列表与中心对齐

Question

我正在尝试学习一些关于 css 和 html 的东西，我目前正在玩网页菜单。

我一直在使用这个网站：(http://www.cssportal.com/css3-menu-generator/) 来直观地玩一些东西，并通过代码元素的变化来推断语法但是，这个生成器缺少一个我想了解的功能：水平对齐列表。

如何编辑此生成器的输出以使按钮与菜单栏的中心而不是左侧对齐？

Answer 1

您可以将它们设置为display: inline-block，而不是浮动lis：

.menu {text-align: center;}
.menu > li {display: inline-block;}