html - 右边有多个DD的DT?

标签 html css

当然,基本上我想在 HTML 中实现这样的东西:

  Description:  Element #1
                Element #2
                Element #3 [eventually bla bla bla]
                [...]

表格就是个笑话:

<table>
  <tr>
   <td>Description</td>
   <td>Element #1<br>Element #2<br>Element #3 [eventually bla bla bla]</td>
  </tr>
</table>

但是我应该使用表格还是?

最佳答案

这并不难,只要记住你的组合器:

dt {
    float: left;
    width: 8em;
}

dd {
    margin-left: 9em;
}

dd + dd {
    margin-left: 9em;
}

JS Fiddle demo .

引用资料:

关于html - 右边有多个DD的DT?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10325233/

相关文章:

javascript - 打开时弹出窗口不显示

html - 在 Tailwind CSS 中制作动画标签?

html - 打印时在 HTML <tfoot> 中打印页码

html - 在移动 View 中将右侧 div 置于左侧

javascript - 在两列页面上,如何使用 CSS 或 Javascript 将左侧 div 增加到与右侧 div 相同的高度?

php - 更改 CSS :before from PHP with multiple occurences

javascript - 自动部署 JavaScript、CSS 和 HTML 的工具?

asp.net - 垂直对齐问题

javascript - 检查所有数组是否有值且不为空

javascript - 将文本动态附加到 <p> 元素内的 <span> 元素破坏了我的设计