箇条書きは、<ul>
要素のパディングの「内」に含まれています。
パディングは緑色でマークされ、マージンはオレンジ色で示されます。
パディングを減らすと、箇条書きがそのパディング内にあることがわかります。
<ul>
たとえばのマージンを増やすと、右にシフトします。
list-style
プロパティは、弾丸自分自身を制御します。に設定するnone
と非表示になります。0
インデントも取り除く場合は、マージンとパディングを設定する必要があります。
ul
{
list-style: none;
}
すべてのマージン/パディングと箇条書きを削除したい場合は、これを使用してください:
ul
{
list-style: none;
margin: 0;
padding: 0;
}
div
{
padding-left: 40px;
}
a
{
display: list-item;
list-style: disc;
}
<div>
<a href="#">Item #1</a>
<a href="#">Item #2</a>
<a href="#">Item #3</a>
<a href="#">Item #4</a>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加