居中我的導航欄

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