目次は ul, li で作ることができます。

(2018/01-2024/03)
動作     : Edge120, Firefox120, Chrome119

◎ ノート

・目次全体を囲むブロックでは div タグではなく nav タグを使います。
  nav : ナビゲーションを表します。
  MDN:nav要素

・目次のテキストが li タグからあふれるときに末尾を「・・・」に
　したい場合。

  CSS で text-overflow: ellipsis; を設定します。
  MDN: text-overflow

  li タグに title 属性を付けておくと、マウスカーソルが来たときに
　全体の文字列をポップアップ表示できます。