Latest Lists

How can I get ordered lists to align this way?

When I use: <ol> <li>blah blah</li> <li>blah blah</li> </ol> After the list goes to the 10th number the second number (in the case of 10 its 0 moves on to the right. I want the 1 to move to the left and the second number (in this case 0) to stay under the single digit numbers before it. Is this possible. I want this because I want the list items to be aligned in one straight line.

Public Comments

1. I think you will have to use CSS margins to fix it. Add a positive margin to the first 1-9. That's the only way I can think of. Railbird, I like your solution better! Thanks, I will use it in the future.
2. This worked for me: First make your text items into paragraphs: <li><p>blah blah </p></li> <li><p>blah blah </p></li> Then use css to style them separately. /* this is the list item */ ol li { color: #dddddd; text-align: right; } /* but then this is the paragraph inside a list item */ ol li p { color: #aaaaaa; text-align: left; } The result is that the numbers are right aligned, but the text is left aligned. I also made the numbers and the text different colors.