居中我的导航栏

Question

我正在尝试使水平导航栏居中。右边有点偏，不知道怎么弄。我已经尝试过这里发布的许多其他类似的解决方案，但似乎没有任何东西可以使我的导航正确居中。请问有人可以帮忙吗？下面是我的 HTML，后面是我的 CSS。 谢谢！

我的 HTML：

<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;
}