初めてホームページを作成しています。
CSSでLogoとMenuとの間の間隔が狭いので、間隔を広げたいと思い
html内のMenu要素に対してcssでmargin-topを使用して調整しようとしたのですが
上手くいきません。初歩的な質問で申し訳ありませんが、アドバイスを宜しくお願い致します。
下のnavi要素やnavi liに対してmargin-topを設定してみましたが、上手くいきませんでした。
※部分的に省略してコードを載せてあります。 ※ロゴはウェブフォントを使用して表現しています。 html -ロゴに設定してある要素- <h1 class="logo"><a href="menu1.html">website</a></h1> -メニューに設定してある要素- <ul class="navi"> <li><a href="menu1.html">メニュー1</a></li> <li><a href="menu2.html" >メニュー2</a></li> <li><a href="menu3.html" >メニュー3</a></li> <li><a href="menu4.html" >メニュー4</a></li> <li><a href="menu5.html" >メニュー5</a></li> </ul>
css -ロゴに設定してあるスタイル- .logo a{ text-decoration: none; color: #000; font-size:45px; font-weight: bold; } -メニューに設定してあるスタイル- .navi{ list-style: none; text-align:right; } .navi li{ display: inline-block; margin-right: 30px; } .navi li a{ text-decoration: none; color: #000; font-size:25px; font-weight: bold; }
HTMLはどうなってますか?
回答1件
あなたの回答
tips
プレビュー