如何在<p>个元素之间留出空间

Question

我想在<p>和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>

Answer 1

在P标记内的跨度内添加E，然后像下面这样对span标记进行填充：-

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>

Answer 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>