居中我的导航栏

Question

>我正在尝试将水平导航栏居中。它有点偏右，我不知道如何。我已经尝试了此处发布的许多其他类似解决方案，但似乎没有什么可以正确居中我的导航。请问有人可以帮忙吗？下面是我的 HTML，然后是我的 CSS。谢谢！

我的网页：

<div id="nav">
            <ul>
                <li class="box"><a href="index.html">Home</a></li>
                <li class="box"><a href="earing/earing.html">Earrings</a></li>
                <li class="box"><a href="necklace/necklace.html">Pendants</a></li>
                <li class="box"><a href="rings/rings.html">Rings</a></li>
                <li class="box"><a href="sets/sets.html">Sets</a></li>
                <li class="box"><a href="orders/order.html">Order</a></li>
                <li class="box"><a href="contact/contactform.php">Contact Us</a></li>
        </ul>
   </div>

我的 CSS：

#nav {
width: auto;
min-width: 1000px;
max-width: 100%;
text-align: center;
}
#nav li, #nav a {
display: inline;
background-color: #E5D9CF;
padding: 10px;
margin: 10px;
border-radius: 25px;
text-decoration: none;
color: #403D3A;
font-family: 'Nunito', sans-serif;
min-width: 80%;
} 
#nav a:hover {
color: #16B5D9;
}

Answer 1

将以下内容添加到您的 CSS 中

#nav ul {
    padding: 0px;
}