HTML列表文本后的缩进

Question

如何增加数字和有序列表中的文本之间的边距？

即

<ol> 
    <li>text 1</li> 
    <li>text 2</li> 
    <li>text 3</li> 
</ol> 

可生产

1. 文本1
2. 文本2
3. 文本3

我想

1. __文本1
2. __文本2
3. __文本3

凡__是任意缩进。

Answer 1

找到了答案here

我修改了fiddle为我所需要的工作。

ol { 
    counter-reset: item; 
    margin-left: 0; 
    padding-left: 0; 
} 
li { 
    display: block; 
    margin-bottom: .5em; 
    margin-left: 2em; 
} 

li:before { 
    display: inline-block; 
    content: counter(item) "."; 
    counter-increment: item; 
    width: 2em; 
    margin-left: -2em; 
} 

Answer 2

<ol> 
<li><span class="indent">text 1</span></li> 
<li><span class="indent">text 2</span></li> 
<li><span class="indent">text 3</span></li> 
</ol> 
<style="text/css"> 
ol li .indent{padding-left:20px;} 
</style>