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

Question

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

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

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

Answer 1

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

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