Q&A
navを中央揃えにしたいのですが、左寄せにからどうやって動きません。
教えてください！
HTML
1<body> 2 <header> 3 <div class="logo"> 4 <img src="..//images/logo.png"> 5 </div> 6 <div class="img"> 7 <img src="..//images/mainimg.jpg"> 8 </div> 9 </header> 10 <nav> 11 <ul> 12 <li><a href="">Home</a></li> 13 <li><a href="">About</a></li> 14 <li><a href="">Gallery</a></li> 15 <li><a href="">Link</a></li> 16 </ul> 17 </nav> 18</body>
CSS
1nav { 2 width: 100%; 3} 4 5 6nav ul { 7 list-style: none; 8 display: flex; 9 padding: 0; 10 margin: 0; 11 margin-bottom: 40px; 12 text-align: center; 13} 14 15a { 16 text-decoration: none; 17 color: #666; 18} 19 20a:hover { 21 color: #d08047; 22} 23 24nav ul li { 25 font-size: 18px; 26 padding: 15px 30px; 27 display: inline-block; 28} 29
回答1件
0
ベストアンサー
nav ulにjustify-content: center;を追加してください。
投稿2020/09/10 11:21
総合スコア11990
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/09/10 11:26