Navigation 居中我的导航栏

我正在尝试将水平导航栏居中。有点偏右，我不知道怎么走。我已经尝试过这里发布的许多其他类似的解决方案，但似乎没有任何东西能够正确地调整我的导航中心。请问有人能帮忙吗？下面是我的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>

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

---

将以下内容添加到CSS中

#nav ul {
    padding: 0px;
}

---

别担心，记住接受答案以获得一些声誉：）