html - 导航菜单中的居中链接

Question

我正在构建我的网站，我正在尝试水平居中以下代码，但没有成功:http://codepen.io/anon/pen/LZZJrK

如果我没记错的话，我必须为 nav ul 添加一个 css 代码，所以我添加了以下代码，但它不起作用:

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

有人可以告诉我如何使菜单居中以便获得以下输出吗？提前致谢。

Answer 1

将 display: table; 和 margin: 0 auto; 添加到你的 nav 中，如下所示:

nav {
    display: table;
    margin: 0 auto;
}

CodePen