css中如何让表格中dd在dt下

dl {
  display: table; /* 将dl元素变成表格 */
}
dt {
  display: table-row; /* 将dt元素变成表格行 */
}
dd {
  display: table-row-group; /* 将dd元素变成表格的一组行，即可以在对应的dt下显示 */
} 

<dl>
  <dt>项目1</dt>
  <dd>详细内容</dd>
  <dd>更多详细内容</dd>
  <dt>项目2</dt>
  <dd>详细内容</dd>
  <dt>项目3</dt>
  <dd>详细内容</dd>
  <dd>更多详细内容</dd>
</dl>