3分で読める！【HTML】ul要素でリストマークの位置を指定する方法 2つ

本日のテーマは、

ul要素でリストマークの位置を指定する方法です！

実装方法

結論、ul要素の属性値として

「list-style-position:outside;」か

「list-style-position:inside;」を指定すればOKです。

両者の違いを説明します。

「list-style-position:outside;」は「・（リストマーク）」を

文章の左側に表示します。

ちなみにこの方法は「list-style-position」のデフォルト値と

なっているので別に「outside」を書かなくても大丈夫です。

「list-style-position:inside;」は「・（リストマーク）」を

文章のインデント位置に表示します。

※インテンドとは「文章の行頭に空白を挿入して先頭の文字を右に押しやる」で

す。