list-style-typeの表示がされない

Question

HTML及びCSS等の勉強を初めた初心者です。どなたか教えて下さい。よろしくお願い致します。
#nav li {
display: inline;
list-style-type: circle;
padding-right: 10px;
}
と入力をしたところ。
circleの表示がされません。これはdisplayタグのinlineを入力が原因で表示がされないのでしょうか？
displayタグをinline　→　list-itemに変更するとcircleは表示されました。
理由を教えていただけるととても助かります。

Answer 1

list-style-typeですからリスト項目要素(li要素)にしか適用されません。（display:list-item でリストに変換した場合も含む）

横並びにしたいのなら、親要素(ul)に、display: flex を設定するといいでしょう。

Comments

[halken]

参考になりました。ありがとうございます。

Answer 2

これはdisplayタグのinlineを入力が原因で表示がされないのでしょうか？

そのとおりです。list-style-typeプロパティは display: list-item のときのみ有効です。

Comments

[halken]

参考になりました。ありがとうございます。