ul,li タグ: CSS 箇条書きのマーク、左の余白の調整

::before で自前の箇条書きマークを付ける

・li::before の content で箇条書きマークを指定する。
・ul の margin-left を 0 にして左側の余白をいったんなしにする。
・li の margin-left で 左側の余白の大きさを指定する。
・li の text-indent で先頭行をマーカーの分だけ左にずらす。
(2023/03-2024/04)

◎ ノート
・MDN: ::before 擬似要素

inserted by FC2 system