html
1<ul> 2 <li><a href="#">home</a></li> 3 <li><a href="#">articles</a></li> 4</ul>
css
1nav ul { 2 padding: 0px; 3} 4 5 6nav li { 7 display: inline-block; 8 padding: 0.9rem 0.6rem; 9 10 border: 1px solid #0070C9; 11 list-style-position: inside; 12 list-style-type: none; 13}
やりたいことはタイトルの通りです。
上の画像をみたら わかりやすいかと思いますが、liタグで囲った2つの要素の間に 隙間ができてしまいます。これを消したいのです。
ちなみにmargin: 0しても隙間は消えませんでした
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。