难题

我们希望的效果是 dd 元素和相应的 dt 元素能在一行。

先对 dt 和 dd 应用 display: inline，然后在适当的时候添加 <br> 可以做到：

使用 <br> 非常不优雅，实际上，有一个 Unicode 字符是专门代表换行符的：0x000A。在 CSS 中，这个字符可以写作 "\000A"，或简化为 "\A"。我们可以用它作为 ::after 伪元素的内容，并将其添加到每个 <dd> 元素的尾部。

WTF? 没起效！这段 CSS 代码所做的其实只相当于在 HTML 结构中的所有关闭标签 </dd> 之前添加换行符，默认情况下，这些换行符会与相邻的其他空白符进行合并。空白符合并通常是一件非常好的事情，不过，有时候我们希望保留源代码中的这些空白符和换行。

但是这个方法 不健壮，我们尝试添加第二个地址：

问题出现了，我们可以尝试对 dt 元素设置样式：