ol { counter-reset: counter-name; li { //元のスタイルをリセットする margin: 0; list-style: none; } li:before { counter-increment: counter-name; content: counter(counter-name); } } counter-name のところは、自分で好きな名前をつけてください。 counter-increment: で指定したカウンターの数を1増やして、 content: coounter() でその数を表示して、 counter-reset: でカウンターをリセットする というようなことが可能らしいです。 上記cssを適用した<ol>は、だいたいこんな表示。