如何在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;}