像桌子一样显示DL

Question

如何设置定义列表项的样式以使每个定义在一行中？

HTML:

<dl>
    <dt>word</dt><dd>meaning</dd>
    <dt>word</dt><dd>meaning</dd>
    <dt>word</dt><dd>meaning</dd>
</dl>

我需要的视觉渲染:

*word* meaning
*word* meaning
*word* meaning

Answer 1

试试这个.

dt  {
    clear:left;
    float:left;
    font-size:12px;
    line-height:26px;
    width:70px;
}

dd {
    clear:right;
    font-size:12px;
    line-height:18px;
    padding:4px 0 4px 40px;
}