为什么内联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

div内的

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