css - 为什么在这种情况下 margin 崩溃没有发生？

Question

为什么 this 中没有发生 margin 崩溃案例？

<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 :

Horizontal margins never collapse.