このlist-style-position属性はリスト項目の位置を指定できる属性です、使い慣れてくるとわかると思いますが値により使い勝手が違います、初心者の方はinsideの値がわかりやすいでしょう。
値の例を見て頂ければわかりますが、insideとoutsideでは文章などが２行目に渡ると表示が少し違います。
セレクタ{
list-style-position:inside;
}
| 値 | 概要 |
|---|---|
| inside | リスト項目を内容の内側に表示 |
| outside | リスト項目を内容の内側に表示 |
outsideを宣言する場合はmarginやpaddingで左の余白を指定しておいたほうがよいでしょう。