Заказанный список (HTML) более низкая альфа с правыми круглыми скобками?

Добавление этого в CSS дало некоторые интересные результаты. Это было близко, но без сигары.

li:before {
    display: inline-block;
    width: 1em; 
    position: relative;
    left: -0.5em; 
    content: ')'
}

----- Отредактировано, чтобы включить решение от Iazel, в комментариях -----

Я усовершенствовал ваше решение:

li {
    position: relative;
}
li:before {
    display: inline-block;
    width: 7px;
    position: absolute;
    left: -12px;
    content: ')';
    background-color: #FFF;
    text-align: center;
}

Фон и позиция: absolute сделала свое дело!

Вот отличное решение. (Честно говоря, я сам себя удивил.) В CSS есть так называемые счетчики , где вы можете установить, например, автоматические номера глав для каждого заголовка. Небольшая модификация дает вам следующее: Вам нужно будет самостоятельно разобрать отступы и т. Д.

 ol {counter-reset: list; } ол> ли {стиль списка: нет; } ol> li: before {content: counter (list, lower-alpha) ")"; счетчик-инкремент: список; } 

  тип стиля пользовательского списка (v1):  
 
 Number 1 
 
 Number 2 
 
 Number 3 
 < li> Число 4  
 Число 5 
 
 Число 6 
 
 

Работает во всех современных браузерах и IE9 + (и, возможно, IE8, но может содержать ошибки).

Обновление: Я добавил дочерний селектор, чтобы вложенные списки не выбирали родительский стиль. Трейдер также отмечает, что выравнивание элементов списка также нарушено. В статье на 456bereastreet есть хорошее решение, которое включает в себя абсолютное позиционирование счетчика.

 ol {counter-reset: list; } ол> ли {стиль списка: нет; положение: относительное; } ol> li: до {счетчик-инкремент: список; content: counter (список, нижняя альфа) ")"; позиция: абсолютная; слева: -1,4em; } 

  тип стиля пользовательского списка (v2):  
 
 Number 1 
 
 Number 2 
 
 Number 3 
 < li> Число 4  
 Число 5 
 
 Число 6 <