Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- ol {
- counter-reset:li; /* Инициализируем счетчик */
- padding:0; /* Удаляем установленное по умолчанию левое поле*/
- list-style:none; /* Отменяем нумерацию установленную по умолчанию */
- }
- ol li {
- position:relative; /* Создаем контекст для позиционирования элементов */
- margin:0 0 6px 2em; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
- padding:4px 8px;
- border-top:2px solid #666;
- background:#f6f6f6;
- }
- ol li:before {
- content:counter(li); /* В качестве данных используем счетчик */
- counter-increment:li; /* Увеличиваем значение счетчика на 1 */
- /* Позиционируем и стилизируем цифры */
- position:absolute;
- top:-2px;
- left:-2em;
- width:2em;
- padding:4px 0;
- border-top:2px solid #666;
- color:#fff;
- background:#666;
- font-weight:bold;
- font-family:"Helvetica Neue", Arial, sans-serif;
- text-align:center;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement