CSS の li 要素にあるリストマークプロパティは現状使いにくいので、リストマーク的なものを疑似要素とflexを使って作ってみます。 字下げは text-indent を駆使して昔はやってましたが使わずとも可能です。 flexと疑似要素を用いたリストマークのサンプルまずはサンプルです サンプル1テスト文章テスト文章テスト文章テスト文章HTML<ul class="markList"> <li class="markListItem">テスト文章</li> <li class="markListItem">テスト文章</li> <li class="markListItem">テスト文章</li> <li class="markListItem">テスト文章</li> </ul>CSS.markListItem { display: flex; align-items: baseline;