排列ol列表号码到左侧

Question

是否可以安排ol列表号码（2位数字）从左侧开始。

通常谈到这样

1 
2 
. 
. 
10 
12 

但是我需要表现出这样的

Answer 1

可能是你可以使用计数器-Increment这一点。像这样写：

ul{ counter-reset: chapter 0; } 
li:before{  
    counter-increment: chapter;  
    content:counter(chapter) ". "; 
    width:20px; 
    display: inline-block; 
    text-align: right; 
} 

入住这http://jsfiddle.net/upc6b/

Answer 2

您可以使用CSS计数器：

CSS：

ol { 
    padding-left: 40px; 
    list-style: none; 
    counter-reset: number; 
} 

ol li:before { 
    display: inline-block; 

    content: counter(number) '.'; 
    counter-increment: number; 

    width: 30px; 
} 

这种方法的唯一问题是数字区域的宽度是固定的，所以它不会随着元素数量的增长而扩大。

演示：http://jsfiddle.net/Blender/UG5Y4/2/