jquery - テキストをタブとして整列

Question

テキストは、 (i) Articleなどを読む < li > 内のタブとして配置されます。

すべての < li > で同じように揃える必要がある記事が表示されますか?

CSS3でそれを行うにはどうすればよいですか?

私はjQuery 1.8.1を使用しています。iPhone用です。

上に整列 http://www.kerrydeaf.com/align.png

アップデート：

これの代わりに以下のように:

上に揃える http://www.kerrydeaf.com/this.png

私はこれがページの端から外れているのを見ます:

上に揃える http://www.kerrydeaf.com/this2.png

Answer 1

list-style-type: lower-roman を使用できます

例えば

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

これにより、次が生成されます。

 i. Article
ii. Article

ただし、これには括弧が含まれていません - これらがどれほど重要かわかりませんか?