Line up list numbers and their content

[chasenlehara]

When an ordered list has ten or more items, the numbers and content should line up so the content of the tenth item sits flush with the other items.

Screenshot of the issue taken from the Core page:

[cherifGsoul]

Using the default behavior of the ordered list fix the issue, the downside of this solution is that we lost the full control on the rendered numbers.

[justinbmeyer]

1. hi
2. foo
3. abc
4. def
5. a
6. a
7. a
8. a
9. a
10. a
11. a
12. a
13. a
14. a
15. a

[justinbmeyer]

ul = document.querySelector(".on-this-page-table ul");

for(var i = 0; i < 1000; i++){
  ul.appendChild(document.createElement("li") )
}

[cherifGsoul]

The fix still has this issue when using bigger numbers: