0

順序付きリストの小数とテキストの間のスペースを増やす必要がありますが、OL 要素の代わりに DL を使用しています。

::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/

4

2 に答える 2

0

コードを変更することでうまくいきましたdisplay:list-item 。 dt{ display:list-item}編集したコードへのリンクは次のとおりです: http://jsfiddle.net/Fym2G/5/

于 2013-08-16T15:37:12.777 に答える