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

标签 html css

<分区>

我想在 <p> 之间留一些空间s en 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 中添加 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>

关于html - 如何在 <p> 元素之间留出空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54421582/

上一篇:javascript - 在 js 或 Jquery 中还原 removeAttr

下一篇:html - DIV 中的 CSS 样式元素

相关文章:

javascript - 我如何能够复制(通过 Ctrl + C 或鼠标右键单击复制选项)在下拉列表中选择控制选项

html - 相对于其容器定位元素

html - 最小化时内容适合屏幕?

html - 标题后垂直居中元素,动态加载的文本全部在静态容器中

javascript - 调整大小时 slider 全宽

html - 是否可以在 Google App Engine Go 中使用 CSS 创建电子邮件模板?

javascript - 使用模式弹出查看器显示目录中的 PHP 图像

c# - 如何与 JavaScript 共享 C# 整数变量

css - 在 Bootstrap 4 中创建一个仅在单击插入符号时打开的下拉按钮

css - 使用 Coffeescript 更改 DIV 背景颜色