如何在HTML定义列表中的dt / dd之间放置一个空格？

Question

我想让dt / dd对紧密对齐，但不要互相接触。我现在有这个：

使用此css：

ShutdownHook

我想要这个：

但每当我使用像padding-right这样的标签时：5px或margin-right或margin ... dd部分总是会转到一个新行，如下所示：

我不想在dt元素周围填充大的填充物，我想要的是将它们与每个相应的dd分开。我希望dt和dd之间的距离大于两个连续行之间的距离。

Answer 1

将box-sizing: border-box添加到dt元素，即使添加填充和边框，它也将保持30％的宽度

注意70％+ 30％= 100％。如果你添加30个像素，它将是＆gt;超过100％。

基本上将属性box-sizing设置为border-box，您说元素必须是该宽度，然后填充和边框将从该宽度计算，而不是像默认框一样添加 - 模型