番号付きリスト(Ordered List)<ol>タグをネストして表示する

記事内に広告が含まれています。

番号付きリスト(Ordered List)<ol>タグをネストして表示してみます。

番号付きリスト(Ordered List)<ol>タグのネスト

<ol>
    <li>大項目1
        <ol>
            <li>中項目1</li>
            <li>中項目2</li>
            <li>中項目3</li>
        </ol>
    </li>
    <li>大項目2
        <ol>
            <li>中項目4</li>
            <li>中項目5</li>
            <li>中項目6</li>
        </ol>
    </li>
</ol>

表示結果は以下の通り

  1. 大項目1
    1. 中項目1
    2. 中項目2
    3. 中項目3
  2. 大項目2
    1. 中項目4
    2. 中項目5
    3. 中項目6

ちゃんとネストされてますね。

タイトルとURLをコピーしました