为什么在这种情况下不会发生保证金崩溃？

Question

为什么在this案例中没有发生保证金崩溃？

<p> First </p>
<p id="second"> Second </p>

p {
    background-color:red;
    margin-top:10px;
    display:inline;
    margin-right:10px;
}
#second {
    margin-left:10px;
}

这两者之间的差距最终为20px，而不是10px。为什么？

Answer 1

引用the doc：

  

水平边距永不崩溃。

Answer 2

边距折叠仅在2个垂直块元素之间发生。
你有水平元素，这两个都是内联元素。
因此，利润率没有崩溃。

Answer 3

您始终可以将样式放在HTML中以确保安全工作..？ 否则还要使用重置CSS？