如何让填充显示在内容的左侧？答案

【问题标题】：How to get padding to show up to the left of the contents?如何让填充显示在内容的左侧？
【发布时间】：2015-07-18 15:50:13
【问题描述】：

这是我要实现的原型

这是我目前所拥有的 - JFiddle

突出显示的部分是我目前正在处理的内容。我试图在段落内容和它左侧的组件之间留出一些空间（Profile 6，Profile 7）

我将此空间识别为padding，因为它涉及内部内容和边框之间的空间。因为这是关于段落的左侧，所以我使用了 padding-left。
来自我的 JFiddle，

#content{
   padding-left:10px;
}

内容是段落的ID（我检查过）。但是，当我应用样式时，什么也没发生......

有谁知道问题出在哪里？我看到另一个关于padding 问题的线程，但问题是从未指定单位。在这里，我确保指定填充单位（以 px 为单位）

【问题讨论】：

【解决方案1】：

<p id="content"><h3>...</h3></p> 不是有效的 HTML。将<p> 更改为<div>。

【讨论】：