navのh1とulを上下中央揃えしたいです。
それとliを等間隔にしたいです。
html
1<nav> 2 <h1>KEI NISHIKORI.COM</h1> 3 <ul> 4 <li>ブログ</li> 5 <li>試合結果</li> 6 <li>公式アプリ</li> 7 </ul> 8 </nav>
css
1nav { 2 display: block; 3 width: 100%; 4 height: 50px; 5 margin: 0; 6 position: fixed; 7 background: rgba(0,0,0,0.3); 8 z-index: 4; 9} 10 11h1 { 12 display: inline-block; 13 14} 15 16nav ul { 17 display: inline-block; 18 position: absolute; 19 right: 0; 20 padding: 0; 21} 22 23nav ul li { 24 display: inline; 25 list-style: none; 26}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。