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

我希望dt/dd对紧密对齐，但不要相互接触。我现在有：

使用此css：

dl {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
dt {
  float: left;
  text-align: right;
  width: 30%;
}
dd {
  float: left;
  width: 70%;
  margin: 0;
}

我想要这个：

但每当我使用一些标签，如padding right:5px或margin right或margin。。。dd部分总是转到新行，如下所示：

---

我不希望dt元素周围都有大的填充，我只想将它们与每个dd分开。我希望dt和dd之间的距离大于两个连续行之间的距离。

向dt元素添加

框大小：边框框

，因此即使添加填充和边框，它仍将保持30%的宽度

请注意70%+30%=100%。如果添加30个像素，它将>100%

---

基本上，当属性

框大小设置为
边框框时，您说元素必须是该宽度，然后填充和边框将根据该宽度计算，而不是像默认框模型那样添加到dt元素中，因此，即使添加填充和边框，它仍将保持30%的宽度

请注意70%+30%=100%。如果添加30个像素，它将>100%

基本上，当属性
框大小设置为
边框框时，您说元素必须是该宽度，然后填充和边框将根据该宽度计算，而不是像默认框模型那样添加到dt元素中，因此，即使添加填充和边框，它仍将保持30%的宽度

请注意70%+30%=100%。如果添加30个像素，它将>100%

基本上，当属性
框大小设置为
边框框时，您说元素必须是该宽度，然后填充和边框将根据该宽度计算，而不是像默认框模型那样添加到dt元素中，因此，即使添加填充和边框，它仍将保持30%的宽度

请注意70%+30%=100%。如果添加30个像素，它将>100%

基本上，当属性
框大小
设置为
边框框
时，您会说元素必须是该宽度，然后填充和边框将根据该宽度计算，而不是像默认框模型那样添加
您也可以添加一些HTML代码吗？尝试使用默认框模型设置一个工作示例，
padding
添加到元素的显示宽度。也可以用%定义填充，并确保所有宽度和填充的添加量不超过100%，或者使用
框大小：边框框dl
上添加code>。你能用它添加一些HTML代码吗？尝试使用默认框模型设置一个工作示例，
padding
添加到元素的显示宽度。也可以用%定义填充，并确保所有宽度和填充的添加量不超过100%，或者使用
框大小：边框框dl
上添加code>。你能用它添加一些HTML代码吗？尝试使用默认框模型设置一个工作示例，
padding
添加到元素的显示宽度。也可以用%定义填充，并确保所有宽度和填充的添加量不超过100%，或者使用
框大小：边框框dl
上添加code>。你能用它添加一些HTML代码吗？尝试使用默认框模型设置一个工作示例，
padding
添加到元素的显示宽度。也可以用%定义填充，并确保所有宽度和填充的添加量不超过100%，或者使用
框大小：边框框dl
上的code>。