Назад Вперед Зміст

Вкладення списків

Елементи <ol>, <ul> та <li> є звичайними блочними елементами і можуть вільно вкладатися один в одного.

<ol class="roman">
  <li>Зимові місяці:
    <ol class="alpha">
      <li>Грудень
        <ol class="decimal">
          <li>Католицьке Різдво</li>
          <li>Новий рік</li>
        </ol>
      </li>
      <li>Січень
        <ol class="decimal">
          <li>Різдво</li>
          <li>Хрещення</li>
        </ol>
      </li>
      <li>Лютий
        <ol class="decimal">
          <li>День закоханих</li>
          <li>Новий рік за китайським календарем</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>Весняні місяці:
    <ol class="alpha">
      <li>Березень
        <ol class="decimal">
          <li>8 березня</li>
          <li>Канікули</li>
        </ol>
      </li>
      <li>Квітень
        <ol class="decimal">
          <li>Великдень</li>
          <li>День народження Святослава</li>
        </ol>
      </li>
      <li>Травень
        <ol class="decimal">
          <li>День народження Олі</li>
          <li>Трійця</li>
        </ol>
      </li>
    </ol>
  </li>
</ol>

Результат

1. Зимові місяці:
   1. Грудень
      1. Католицьке Різдво
      2. Новий рік
   2. Січень
      1. Різдво
      2. Хрещення
   3. Лютий
      1. День закоханих
      2. Новий рік за китайським календарем
2. Весняні місяці:
   1. Березень
      1. 8 березня
      2. Канікули
   2. Квітень
      1. Великдень
      2. День народження Святослава
   3. Травень
      1. День народження міста Одеса
      2. Трійця

Назад Вперед Зміст