html - 将 DT 样式设置为在 DD 左侧浮动

我正在尝试设置定义列表的样式，以使每个都dt浮动到其相应dd元素的左侧。我用过： dt { clear: both; float: left; width: 6em; } dd { margin-left: 6.5em; } 尽

我正在尝试设置定义列表的样式，以使每个都dt浮动到其相应dd元素的左侧。我用过：

dt {

clear: both;

float: left;

width: 6em;

}

dd {

margin-left: 6.5em;

}

尽其所能。它可以很好地处理dd每个元素dt和dd足够长以跨越多行的文本。

但是，我真的希望能够处理dt每个元素dd（这是有效的 HTML）和dt比相应元素高的dd元素（由于文本长度导致行换行）。在这一点上，样式分崩离析，后续dd元素与它们的dt.

我也尝试过各种方法，例如浮动 the dd，这会破坏多个dd元素的对齐方式。添加dd + dd { clear: both; }几乎可以工作，但现在长dd文本位于其下方dt（更不用说不遵守规则的旧浏览器）。

有没有人设法做到这一点？我真的不想放弃并使用一张桌子，但也许它是合适的。

我的测试标记在这里： http: //pastebin.com/nMAQ5Xdm