[dalmo3]

Try ::before and css-counters.

[sollniss]

::before has the same problem. You can't align text inside `content:` to the right. Probably because each ::before is handled separately and can't see the sibling's content length.

[dalmo3]

Ah, I only now opened your example code.

If you wrap the li contents in a div, you can handle them as a unit separately from ::before.

Then subgrid solves the problem of treating nested elements as siblings.

https://jsfiddle.net/3617wdmf/1/