Выравнивание при ручном нумеровании списка в css?

Question

[DmitryShishov]

Подскажите, как сделать выравнивание цифр по правому краю при ручном нумеровании списка в css?

<ul>
<li><span>1</span> Первый текст</li>
<li><span>2</span> Второй текст</li>
<li><span>3</span> Третий текст</li>
<li><span>10</span> Десятый текст</li>
<li><span>11</span> Одиннадцатый текст</li>
<li><span>12</span> Двенадцатый текст</li>
</ul>

Должно получится вот так:

Comments

[Froggyweb]

при ручном нумеровании списка в css

это как?
есть таблицы или пссевдо таблицы, можно сделать фиксированную ширину цифровой части

Answer 1

[Вадим Белкин]

Пример. Поможет имитация табличных строк, в таком варианте возможна почти любая длинна чисел в нумерации, все строки будут подстраиваться друг под друга в ширине колонки нумерации

Comments

[DmitryShishov]

Спасибо за ответ! Буду пробовать.

Answer 2

[Андрей Федоров]

span {
display:  inline-block;
width: 2em;
text-align: right;
}

Comments

[Froggyweb]

2em точно хватит или через полгода появится запись 125525525?