list-style-position･････マーカーの表示位置を指定する

outside

マーカーがリスト内容の領域の外側に表示され、マーカー以外の部分がインデント（字下げ）された形になります。

inside

マーカーがリスト内容の領域の内側に表示され、マーカーとマーカー以外の部分の高さが揃います。

HTMLソース

<ul style="list-style-position: outside">
<li>一本でも<br>にんじん</li>
<li>ニ足でも<br>サンダル</li>
<li>三艘でも<br>ヨット</li>
</ul>

<ul style="list-style-position: inside">
<li>一本でも<br>にんじん</li>
<li>ニ足でも<br>サンダル</li>
<li>三艘でも<br>ヨット</li>
</ul>

↓↓↓

ブラウザ上の表示

• 一本でも
  にんじん
• ニ足でも
  サンダル
• 三艘でも
  ヨット

• 一本でも
  にんじん
• ニ足でも
  サンダル
• 三艘でも
  ヨット

list-style･････････････････マーカーに関する指定をまとめて行う
list-style-image･･････････マーカー画像を指定する
list-style-type･･･････････マーカー文字の種類を指定する
list-style-position････････マーカーの表示位置を指定する
marker-offset････････････マーカーとの間隔を指定する