Html 在导航菜单中居中链接

我正在构建我的站点，我正在尝试将以下代码水平居中，但运气不好：

如果我没有错，我必须为

nav ul

添加一个css代码，因此我添加了以下代码，但它不起作用：

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

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

试试这个：

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

试试这个：

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

从

导航ul li

和

导航li

中删除

浮动：左

属性

将

li的
显示：块更改为
显示：内联块

将以下内容添加到css中：

---

CodePen:

从

导航ul li

和

导航li

中删除

浮动：左

属性

将

li的
显示：块更改为
显示：内联块

将以下内容添加到css中：

---

---

CodePen:

我认为您真正需要的是项目/链接/按钮的父元素上的

文本对齐：居中


#容器{
文本对齐：居中；
}
我认为您真正需要的是项目/链接/按钮的父元素上的
文本对齐：居中


#容器{
文本对齐：居中；
}
添加
显示：表格和
边距：0自动到您的
nav
如下：

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

nav {
  text-align: center;
}

nav ul {
  display: inline-block;
}

添加
显示：表格和
边距：0自动到您的
nav
如下：

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

nav {
  text-align: center;
}

nav ul {
  display: inline-block;
}

您可以这样做：

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

nav {
  text-align: center;
}

nav ul {
  display: inline-block;
}

因为ul标记是块级元素，所以它将拉伸父元素的整个宽度

更多信息：
您可以这样做：

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

nav {
  text-align: center;
}

nav ul {
  display: inline-block;
}

因为ul标记是块级元素，所以它将拉伸父元素的整个宽度

更多信息：
Hi..您希望导航栏位于水平中心？？Hi的可能副本..您希望导航栏位于水平中心？？抱歉的可能副本，但它不起作用（我尝试使用文章的链接）。我添加了您发布的代码，并且还将
li
更改为
nav li
，但它也不起作用。您有两个类的左侧浮动，显示错误（第116行和第123行）。分叉的代码笔很抱歉，但它不起作用（我试着使用帖子的链接）。我添加了您发布的代码，并且还将
li
更改为
nav li
，但它也不起作用。您有两个类的左侧浮动，显示错误（第116行和第123行）。叉形密码笔