目次(html直書き・数字)

概要

リストの先頭が数字の連番になっています。
デフォルトの目次ではなく、任意の目次を作りたいときに使います。
スタイルは各メディアのデフォルトのスタイルを適用する想定なので、デザイン設定cssの追加は不要です。
そのため、デモとは見た目が違う場合があります。

デモ

1. 見出し1
   1. 見出し1-1
2. 見出し2
3. 見出し3
4. 見出し4
   1. 見出し4-1
   2. 見出し4-2
   3. 見出し4-3
5. 見出し5
6. まとめ

html

See the Pen 目次(html・数字) by hbm-design (@hbm-design) on CodePen.