dt dd [重复]之间有换行符

Question

<dl>
  <dt>hello</dt>
  <dd>bonjour</dd><br>

  <dt>goodbye</dt>
  <dd>aurevoir</dd><br>
</dl>

所以我有一个 dl，我希望每个 dt -> dd 对显示在一行上，因此它们之间是一个换行符。我觉得这个 css 应该可以解决它，但它没有。

dd:after {
  content:"\a";
  white-space: pre;
}

我已经尝试将每个 dt,dd 对放在一个 p 元素中，或者在看起来像我想要的 br 元素之后放置一个 br 元素，但会使 HTML 无法验证。

Answer 1

dd,dt {
  display: inline;
}
dd::after {
 content: "";
 display: block;
}

为我解决了这个问题。