适用于语义定义列表的样式

Question

我有一个键值对列表。因为我想要语义，我选择了一个定义列表（见片段）。这是我需要显示定义列表的一种方式：

你们中的任何一位大师都知道如何用给定的标记和纯粹的CSS来达到这个目的吗？对内容的不同视觉表示使用不同的标记似乎是一个非常糟糕的主意。在其他情况下，我需要显示相同的HTML，如下所示：

在极少数情况下，我甚至需要这样：

/*prepared so you can quickly start hacking your style rules*/
dl {
  
}

dt {
  
}

dd {
  
}

<dl>
  <dt>Actual sales this year</dt>
  <dd>38,500 $</dd>
  <dt>Sales last year</dt>
  <dd>72,000 $</dd>
  <dt>Expected sales this year</dt>
  <dd>78,000 $</dd>
</dl>