HTML数字和文本之间的列表项间距

Question

我需要增加小数和有序列表的文本之间的间距，但我使用DL而不是OL元素。

随着:: before元素的margin-right我可以调整间距。

HTML

<dl> 
    <dt>Blah blah blah</dt> 
    <dd>Test test</dd> 
    <dt>Blah blah blah</dt> 
    <dd>Test test</dd> 
    <dt>Blah blah blah</dt> 
    <dd>Test test</dd> 
</dl> 

CSS

dl { 
    list-style: decimal inside; 
} 
dt { 
    font-size: 1.2em; 
    border-bottom: 1px solid #444; 
} 
dt::before { 
    display: list-item; 
    content: ' '; 
    float: left; 
    margin-right: 20px; 
} 
dt:not(:first-of-type) { 
    margin-top: 10px 
} 

这里是什么，我试过的jsfiddle。间距工作，但列举不正确。 我在做什么错？

http://jsfiddle.net/Fym2G/

Answer 1

或者您可以使用组合或contentcounter和counter-increment并为其打一个边距。

http://jsfiddle.net/PR8Qd/

Answer 2

移动display:list-item 到 dt{ display:list-item}它为我改变你的代码。这里是编辑代码的链接：http://jsfiddle.net/Fym2G/5/