リストタグ（li）で作ったリストの、米印部分を空ける

はじめに

リストの注釈文を書く時によくある米印、↓みたいに書くと…

<ul>
  <li>
    ※この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れてい
  </li>
  <li>
    ※この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、
  </li>
</ul>

こうなってしまう
※この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れてい
※この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、

改行された時に回り込んでしまいます
どうにかして複数行になったときの一文字目を空けたい

cssで解決できます

２行目の一文字目を空けたいときは
text-indent を使えば解決します

出来上がり

See the Pen リストタグ（li）で作ったリストの、米印部分を空ける by naoko kikuchi (@kikuchi) on CodePen.

参考サイト

CSSだけであの気になる米印(※)の段差を付ける方法
擬似要素のbeforeを使ってやる方法も載ってます