html - 填充属性不添加间距

Question

我recently realised该 padding 属性在内容和该内容的边框之间添加间距。当我发现填充不添加间距的实例时，我正在测试此属性。

我有一个段落

<p>Some text</p>

和一些样式

p {
    background: red;
    color: white;
    border: dashed 2px blue;
    margin-left: 44px   
}

结果(JSFiddle)

然后我将 padding: 49px 添加到 CSS。从逻辑上讲，我应该得到类似的东西
但最后我得到了它(JSFiddle)

如我们所见，文本移动了，但没有添加红色间距。为什么？

PS:可能是我表达不好，对不起

Answer 1

你有一个 margin-left。 Difference between Margins and Paddings.

删除它:

CSS

p {
background: red;
color: white;
border: dashed 2px blue;
padding-left: 49px
}

In this fiddle

没有更多的空间:)