像表格一样显示 DL [重复]

【问题标题】：Display DL like a table [duplicate]像表格一样显示 DL [重复]
【发布时间】：2010-07-20 04:09:20
【问题描述】：

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

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

【问题讨论】：

见stackoverflow.com/questions/1713048/…
回答了“重复”问题 - 比较
和 stackoverflow.com/a/32727905/4258817

标签： css cross-browser

【解决方案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;
}

【讨论】：

谢谢，这在我的 Firefox 中有效（尚未测试其他）。
不幸的是，这不会像表格这样的内容进行扩展