Html 背景对准

我要渲染

<dl>
    <dt>word</dt><dd>meaning (long text with many lines)</dd>
    <dt>word</dt><dd>meaning (long text with many lines)</dd>
</dl>

由于我的dt内容文本很短，dt内容仅显示在一行中。 由于我的dd内容文本很长，dd内容出现在许多行中

如何使用相同的线数渲染2个背景（如表格）

谢谢

---

您不需要使用float，去掉它，而是对一个dl只使用一个dt和一个dd，并将两者的显示设置为table cell

像这样

你能做一个决定吗？

dt {
 float:left;
 width:10%;
 background:green;
}
dd {
 float:left;
 width:90%;
 background:transparent;
}