Left-aligning numbers in ordered lists

Hi,

By default numbers in ordered lists are right aligned, like this...

1. Item
2. Item
....
10. Item
11. Item

Does anyone know how to align them to the left, like this?

1. Item
2. Item
....
10. Item
11. Item

Many thanks,
Tom

tgscott <tomgscott (AT) gmail (DOT) com> scripsit:

By default numbers in ordered lists are right aligned,

So it seems, though this is just common browser behavior; it is not
specified in CSS specifications.

Does anyone know how to align them to the left,

I don't think so. If such rendering is important, you should probably change
the markup from <ol> to <table>, with two columns (one for the numbers and
one for the item texts). You would naturally have to make the numbers actual
page content, instead of letting browsers generate them. On the positive
side, this approach would let you style the appearance in detail.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Thanks for your suggestion, Jukka. I'd come to the same conclusion!

Tom