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

14/02/2018  html, верстка, веб-разработка

Проблема

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

Список 1

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

Список 2

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

Список 3

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

Решение

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


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

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

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

Михаил Апсолямов
Михаил Апсолямов Создаю сайты. Оказываю услуги seo-продвижения. Провожу аудиты сайтов. Пишу статьи на заказ. Услуги и цены.

 

наверх