1

水平ナビゲーション バーを中央に配置しようとしています。少し右にずれているのでよくわかりません。ここに投稿された他の同様のソリューションの多くを試しましたが、ナビゲーションが適切に中央に配置されていないようです。誰でも助けてください。以下は私の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;
}
4

1 に答える 1

0

以下を CSS に追加します。

#nav ul {
    padding: 0px;
}
于 2012-11-20T03:05:31.997 に答える