ol.chapters {
list-style: none;
margin-left: 0;
}

ol.chapters > li:before {
content: counter(chapter) ". ";
counter-increment: chapter;
font-weight: bold;
float: left;
width: 40px;
}

ol.chapters li {
clear: left;
}

ol.start {
counter-reset: chapter;
}

ol.continue {
counter-reset: chapter 11;
}

Думаю, это не суперпопулярный фрагмент, но он имеет своих поклонников среди разработчиков. Могут возникнуть ситуации, когда вам понадобится продолжить список элементов, но разделить его на два отдельных элемента UL. Рассмотрите вышеприведенный код – в нем имеется удивительное решение исключительно на основе CSS.

Добавлено: 12 Апреля 2018 07:24:00 Добавил: Андрей Ковальчук Нравится 0

Добавить