Q&A
aの文字自体にmargin-leftでpx指定すれば良いのですね。思い通りに動いてくれました。ありがとうございました。
画像の”HOME”や”ABOUT”それぞれの単語の間を14pxずつ開けたいのですが、何も変化が起きません。正解を教えてください。
html
1<ul> 2 <li><a href="#">HOME</a></li> 3 <li><a href="#">ABOUT</a></li> 4 <li><a href="#">BLOG</a></li> 5 <li><a href="#">PLESS</a></li> 6 <li><a href="#">CONTACT</a></li> 7 </ul>
css
1li a{ 2 word-spacing: 14px; 3}
回答2件
0
解決済みですが、参考までに。
display:flex; で横並びにするなら、gapプロパティで間隔を設定できます。
gap (grid-gap) - CSS: カスケーディングスタイルシート | MDN
css
1ul{ 2 list-style:none; 3 padding:0; 4 display:flex; 5 gap: 14px; 6}
投稿2022/05/23 12:45
総合スコア33715
0
ベストアンサー
CSS
1<style> 2ul{ 3list-style:none; 4padding:0; 5display:flex; 6} 7ul li:not(:first-child) a{ 8margin-left:14px; 9} 10</style> 11<ul> 12<li><a href="#">HOME</a></li> 13<li><a href="#">ABOUT</a></li> 14<li><a href="#">BLOG</a></li> 15<li><a href="#">PLESS</a></li> 16<li><a href="#">CONTACT</a></li> 17</ul>
投稿2022/05/23 09:47
総合スコア114839
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。