Нумерация в списке

by alexpop

HTML

<div class="example">
<p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"></p>
<p><html></p>
<p> <head></p>
<p>  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></p>
<p>  <title>Пример веб-страницы</title></p>
<p> </head></p>
<p><body></p>
<p> <h1>Заголовок</h1></p>
<p> <!-- Комментарий --></p>
<p> <p>Первый абзац.</p></p>
<p> <p>Второй абзац.</p></p>
<p></body></p>
<p></html></p>
</div>

CSS

div.example {
 counter-reset: item; /* Обнуляем счетчик списка */
 background: #f0f0f0; /* Цвет фона */
 border: 1px solid #333; /* Параметры рамки */
}
div.example p {
 margin: 0; /* Обнуляем отступы */
}
div.example p:before {
 content: counter(item, decimal-leading-zero); /* Добавляем число */
 background: #800000; /* Цвет фона под числами */
 color: #fff; /* Цвет чисел */
 padding: 0 5px; /* Поля слева и справа */
 margin-right: 7px;
 counter-increment: item; /* Задаем имя счетчика */
}