Question

Text align as tabs in < li > that read (i) Article and so on.

You’ll see Article that need to align as same on every < li >?

How do I do that in CSS3?

I’m using jQuery 1.8.1 It is for iPhone.

align top http://www.kerrydeaf.com/align.png

UPDATE:

Instead of this as below:

align top http://www.kerrydeaf.com/this.png

I see this a it goes off the edge of the page:

align top http://www.kerrydeaf.com/this2.png

Answer 1

You can use the list-style-type: lower-roman

e.g.

<ul>
    <li style="list-style-type: lower-roman">Article</li>
    <li style="list-style-type: lower-roman">Article</li>
</ul>

This will produce:

 i. Article
ii. Article

However this does not contain the parentheses – not sure how vital these are?