如何在 元素之间留出空间[重复]答案

【问题标题】：How to make space between elements [duplicate]如何在 元素之间留出空间[重复]
【发布时间】：2019-06-22 14:41:16
【问题描述】：

我想在s 和 E 之间放置一些空格。但是不砸我的空格键不知道怎么做。

.footer_box p {
  display: inline-block;
}

<div id="footer_box">
  <p>Aantal M²:</p>
  <p>Schuren:</p>
  <p style="float:left;">Behandeling:</p>
  <p>E</p>
  <p>Afwerking:</p>
</div>

【问题讨论】：

在这种情况下你不应该使用 p .. 考虑 span 元素
但是@temaniafif 然后一切都彼此相邻。如果我使用 P，他们会像我需要的那样互相控制。你知道解决办法吗？
在P 之后使用  元素，这就是它的发明目的，创建一个新行。为用例P 使用更正确的元素是一个段落，这不是您所代表的。这样，您就不需要重新定义 P 元素。
您必须在
和
内添加 span 以在元素之间留出空间

标签： html css

【解决方案1】：

在P 标记内的范围内添加 E，然后添加填充范围标记，如下所示：-

p span {
  padding-left: 40px
}

   <div id="footer_box">
    <p>Aantal M²:</p>
    <p>Schuren:</p>
    <p>Behandeling:<span>E</span></p>
    <p>Afwerking:</p>
   </div>

【讨论】：

【解决方案2】：

使用html的这个方法，希望对你有帮助。

.footer_box p{
    display:inline-block;
}

  <div id="footer_box">
    <p>Aantal M²:</p>
    <p>Schuren:</p>
    <p>Behandeling: <span>E</span></p>  
    <p>Afwerking:</p>
   </div>

【讨论】：