указание текста в виде маркеров в списке

Question

Я знаю, что в HTML вы можете использовать <ol><li></li></ol>, чтобы получить хороший упорядоченный список, но делайте это с типом списка: десятичный всегда увеличивает число на 1.

Я ищу способ установить значение текста маркера.

Я мог бы получить список, похожий на

12 шт.
22 предмет
2 предмета

Я не хочу использовать сумасшедшие изображения, если это вообще возможно. Есть ли простое решение для этого?

У меня есть HTML, CSS, javascript (jquery) и PHP.

Answer 1

Следующее должно сделать трюк. Однако следует помнить, что значение является устаревшим атрибутом для тега li в HTML 4.

<ol>
<li value="12">item</li>
<li value="22">item</li>
<li value="2">item</li>
</ol>

Answer 2

SOFlow: Можно ли указать начальный номер для упорядоченного списка с помощью css?

Сделать список OL начать с номера, отличного от 1, используя CSS . Кроме этого, единственный способ достичь этого - это сложное позиционирование. Это одна из тех вещей, которые я хотел бы, чтобы они не устарели.

Answer 3

Это на самом деле не заказанный список, не так ли? Вы должны просто эмулировать пулю в неупорядоченном списке:

<ul>
  <li><span>22</span> item
</ul>

Удалите пулю с list-style-type: none, затем стиль по вкусу.