中心导航栏 content/links

Question

我需要将导航栏中的内容链接居中。这个：

我希望“主页”、“关于”和“联系方式”位于导航栏的中央。

Answer 1

您可以将 li 元素设置为 display: inline-block 并在 ul 元素上添加 text-align: center，而不是使用浮点数。

ul {
    text-align: center;
}
li {
    display: inline-block
}

示例： https://jsfiddle.net/bjwskbcu/