Html Can'；t中心导航栏？

我看了很多人问的关于导航条如何居中的问题，我试了很多方法，但都无法让它移动

HTML:

很有可能是遗漏了什么，或者是完全错了。我曾经设法让它在过去工作，但已经完全忘记了我是如何做到的

#nav {
    width : "however wide you want it";
    margin: 0 auto;
}

这是边际：0自动；这是元素的中心

也可以在父元素上使用文本对齐，但最常用的是边距技巧

这是边际：0自动；这是元素的中心

---

您也可以在父元素上使用文本对齐，但最常用的是边距技巧。

另外，建议不要在css中使用id选择器（#），而使用类名。所以#nav变成了.nav而

变成
下次，请为我们制作一把小提琴；）另外，建议不要在css中使用id选择器（#），而是使用类名。所以#nav变成了.nav而
变成
下次，请为我们制作一把小提琴；）

//header
#header {
width: 100%;
height: 150px;
}

#header h1{
font-family: "Vernada", sans-serif;
font-size: 1.8em;
text-align: center;
}

//navigation
#nav ul {
list-style-type: none;
padding: 0;
text-align: center;
}

#nav a {
display: inline-block;
width: 80px;
background-color: #dddddd;
text-align: center;
}

#nav li {
display: inline;
color: black;
font-family: "Vernada", sans-serif;
font-size: 1.2em;
}

#nav a:link {
width: 120px;
padding: 10px;
display: inline-block;
text-decoration: none;
color: black;
}

#nav a:visited {
display: inline-block;
text-decoration: none;
color: black;
}

#nav a:hover {
text-decoration: none;
color: grey;
}

#nav a:active {
text-decoration: none;
color: blue;
}

#nav {
    width : "however wide you want it";
    margin: 0 auto;
}