html - 为什么内联 div 在 p 中以这种方式表现

Question

在链接示例中，我有一个文本和一个段落，每个段落都包含 span和 div元素。虽然所有div元素有 display: inline;样式应用，第一个div来自 <p>从下一行开始。

这是为什么？

例子如下: http://jsfiddle.net/7HAPp/1/

我在这里复制了代码:

Cum sociis natoque penatibus et <span>i'm a span</span> parturient montes, nascetur
ridiculus mus. Nulla consequat massa <div>i'm an inline div</div> In enim justo, 
rhoncus ut, <div>i'm an inline div</div> imperdiet a, venenatis vitae, justo. Nullam
dictum felis eu pede mollis pretium.


<p>Cum sociis natoque penatibus et <span>i'm a span</span> parturient montes, nascetur
ridiculus mus. Nulla consequat massa <div>i'm an inline div</div> In enim justo,
rhoncus ut, <div>i'm an inline div</div> imperdiet a, venenatis vitae, justo. Nullam 
dictum felis eu pede mollis pretium.</p>

Answer 1

p 中的

div 是无效标记。当浏览器遇到 div 元素时，它会自动关闭 p 标签并启动新的 div。