以我的导航栏为中心

时间:2012-11-20 01:28:48

标签: navigation centering nav

我正试图将水平导航栏居中。它有点偏向右边我不知道如何。我已经尝试了许多其他类似的解决方案,但似乎没有任何东西可以正确地导航我的导航。请任何人可以帮忙吗?下面是我的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;
}

1 个答案:

答案 0 :(得分:0)

将以下内容添加到CSS

#nav ul {
    padding: 0px;
}