マーカーの表示位置 【list-style-position】

※ブラウザで表示した時の見え方

※ソースサンプル

【CSS】
.outside {
list-style-position: outside
}
.inside {
list-style-position: inside
}
【HTML】
<ul class="outside">
<li>outside</li>
<li>outside</li>
</ul>

<ul class="inside">
<li>inside</li>
<li>inside</li>
</ul>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

※解説