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

Question

我正在尝试学习一些关于css和html的内容，而我正在玩网页菜单。

我一直在使用这个网站：（http://www.cssportal.com/css3-menu-generator/）可视化地播放内容，并根据代码元素的变化来推断语法，但是这个生成器缺少我想要理解的功能：对齐列表水平。

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

Answer 1

您可以将其设置为li：

，而不是浮动display: inline-block

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