Вёрстка нескольких пунктов нумерованного списка по порядку

14 Февраля 2018  1030  верстка, html, списки

 

Ситуация: нужно разместить несколько нумерованных списков, но значения пунктов должны идти по порядку. Вот так:

Список 1

  1. Пункт.
  2. Пункт.
  3. Пункт.

Список 2

  1. Пункт.
  2. Пункт.
  3. Пункт.

Список 3

  1. Пункт.
  2. Пункт.
  3. Пункт.

Чтобы начать список с определённого значения, используется атрибут start тега <ol>. Например, <ol start="4">. Тогда второй список начнётся с пункта 4. Для третьего списка — <ol start="7"> соответственно.

<h3>Список 1</h3>
<ol>
<li>Пункт.</li>
<li>Пункт.</li>
<li>Пункт.</li>
</ol>

<h3>Список 2</h3>
<ol start="4">
<li>Пункт.</li>
<li>Пункт.</li>
<li>Пункт.</li>
</ol>

<h3>Список 3</h3>
<ol start="7">
<li>Пункт.</li>
<li>Пункт.</li>
<li>Пункт.</li>
</ol>

 

наверх