如何让填充显示在内容的左侧?

How to get padding to show up to the left of the contents?

这是我要实现的原型

这是我目前的情况 - JFiddle

突出显示的部分是我目前正在做的事情。我试图在段落内容和它左边的组件之间得到一些 space(配置文件 6,配置文件 7)

我认出这个 space 是 padding because it involves space between inner contents and the border. Because this is regards to the left side of the paragraph, I used padding-left
来自我的 JFiddle,

#content{
   padding-left:10px;
}

其中content是段落的id(我查过了)。然而,当我应用样式时,没有任何反应....

有人知道问题出在哪里吗?我看到另一个关于 padding 问题的帖子,但问题是从未指定单位。在这里,我确保指定填充单位(以 px 为单位)

<p id="content"><h3>...</h3></p> 无效 HTML。将 <p> 更改为 <div>

已更新 - http://jsfiddle.net/37bj5g3q/2/