我有以下html：
<dl>
<dt>Item 1</dt>
<dd>
<ul>
<li>Value 1</li>
</ul>
</dd>
<dt>Item 2</dt>
<dd>
<!-- this item is missing a value -->
</dd>
<dt>Item 3</dt>
<dd>
<ul>
<li>Value 1</li>
<li>Value 2</li>
<li>Value 3</li>
</ul>
</dd>
</dl>
我想把它放在一起(而不是将术语和定义相互排列在一起的正常的dl)：
Item 1 Value 1
Item 2
Item 3 Value 1
Value 2
Value 3
哪个不是问题问题是我想在每个术语/定义对之间添加一个边距.问题是定义的高度不一样(它们的范围介于0到5列表项之间),所以我不能在dd标签上应用相同的边距.
解决方法
这个怎么样？
dt,dd { display: block; float: left; margin-top: 20px; }
dt { clear: both; }
