html - 在 之前显示 数据？

Question

所以我试图在动态 DD 数据列在 DT 之前的 DL 中显示数据。

示例:“3 票，6 条评论”与“3 票，6 条评论”。

<dl>
    <dt>Votes</dt>
    <dd>3</dd>
    <dt>Comments</dt>
    <dd>6</dd>
</dl>

深度学习最具有语义意义；但是没有父子关系，我不能使用 float 。

有没有办法让它工作？或者有更好的语义解决方案吗？

Answer 1

至于我自己，我会使用简单的列表，像这样:

HTML

<ul>
  <li data-n="1">Vote</li>
  <li data-n="6">Comment</li>
</ul>

CSS

ul { list-style: none; }
ul,li { margin: 0; display: inline-block; }
li:before { content: attr(data-n) " "; }
li:not([data-n="1"]):after { content: "s"; }

Demo

而且我认为 DL 在这种情况下没有语义意义，因为它不是“投票”和“评论”术语的定义