コーディングにおけるリストの作り方について

Question

Wordpressで以下のようなコードを入れると、指定したURLを画像としたリストが作れますが、文字が長くなり2行以上になる場合に文字がアイコンの下に入ってきてしまいます。
insideをoutsideにすればと思いましたが、そうするとリストのアイコンが消えてしまいます。
実現したいこととしては、
・リストのアイコンを自分で作ったイメージを使いたい
・リストの文章の先頭を合わせたい
ということです。
よろしくお願いいたします。

section ul {
	list-style-position: inside;
	list-style-image: url();
}
</style>
<section>
	<ul>
	<li>文字文字文字</li>
	<li>文字文字文字</li>
	<li>文字文字文字</li>
	</ul>
</section>

Answer 1

以下のようにするとどうなりますか？

section ul {
    list-style-position: outside; /* 変更 */
    list-style-image: url();
    padding-left: 40px; /* 追加 */
}

Comments

[kkkkkkkkkk.k]

ありがとうございます。
変更してみたところ、リスト表示ごと消えてしまいました。

[Lhankor_Mhy]

なるほど。

サンプルを以下に示します。
https://jsfiddle.net/Lhankor_Mhy/8m1rhcvw/
おそらく他のスタイルが影響しているのだと思います。マージン幅を調整すれば上手くいくかもしれません。

[kkkkkkkkkk.k]

ありがとうございます！マージン調整してみます！