Стили для элементов нумерованного списка ol

Рарзметка HTML:

  1. Стилизованный элемент списка
  2. Стилизованный элемент списка
  3. Стилизованный элемент списка
  4. Стилизованный элемент списка

Стили CSS:

ol.special_ol{
    counter-reset: myCounter;
}
ol.special_ol li{
    list-style: none;
    margin-left: 55px;
    position: relative;
    margin-bottom: 1.1em;
}
ol.special_ol li:before{
    counter-increment: myCounter;
    content:counter(myCounter) ".";
    color: #ee5739;
    display: inline-block;
    margin-right: 20px;
    font-weight: 600;
    position: absolute;
    left:-27px;
}

Результат:

  1. Стилизованный элемент списка
  2. Стилизованный элемент списка
  3. Стилизованный элемент списка
  4. Стилизованный элемент списка
Способ поблагодарить автора сайта:

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором
Наш сайт использует куки, нажмите «ОК» если вы не против
OK