Включая цифры от <ol>на фоне CSS

Question

Мне очень неловко спрашивать об этом, но я не могу понять это ... У меня есть стандарт <ol>, в котором перечислены

1. Элемент списка
2. Элемент списка
3. Элемент списка

и т.д.

В моем CSS я хотел бы включить весь <li> в цвет фона, например (в моем лучшем представлении ASCII):

----------------
| 1. List item |  <----- box = solid background color
----------------

но я могу только получить:

   -------------
1. | List item |
   -------------

Есть ли какое-то свойство, которое мне не хватает? Это довольно раздражает, и я хотел бы это исправить. Кроме того, я собираюсь раскрасить эти разные (нечетные / четные), поэтому просто раскрасить <ol> не получится, я не думаю: \

Спасибо за вашу помощь!

Answer 1

Как насчет установки этого в CSS

ol {
    list-style: inside decimal;
}

«Внутри» - важный бит.

Answer 2

Я думаю, что вы ищете:

ol { list-style-position: inside; }

Answer 3

Я не думаю, что вы сможете использовать, чтобы получить желаемый эффект. Я бы порекомендовал divs, dl или даже таблицу.