html - 将 UL 居中在 DIV 内

Question

#nav 
{
border-style:solid;
width:500px;
height:20px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
}
#nav ul   
{
list-style-type:none;
width:100%;
display:block;
margin-left:auto;
margin-right:auto;
}
 #nav li
{
display:inline;
}
#nav a
{
float:left;
display:block;
border-style:solid;
padding-left:5px;
padding-right:5px;
margin-top:-19px;
}

我只是无法让它在 id 为“nav”的 div 内居中。对我做错了什么有帮助吗？我是这个领域的新手，所以任何关于如何制作好的 CSS 布局的建议都将不胜感激！

Answer 1

我认为这应该可以解决问题：

#nav {
    text-align: center;
}
#nav ul {
    margin: 0 auto; 
    text-align: left;
}