html - 如何在中间留出空间元素

Question

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

标签： htmlcss

Answer 1

在标签内的跨度内添加 E P，然后添加填充跨度标签，如下所示：-

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>