为什么React会奇怪地渲染<p>（段落）标签？

React正在使用<p>标签做奇怪的事情。如果使用相同的标记结构，则<p>标记与<div>标记会产生非常不同的结果。例如，

var withP = (
    <p>
      withP
      <div />
    </p>
);

var withDiv = (
    <div>
      withDiv
      <div />
    </div>
);

这是生成的标记在chrome中的外观：

这是一个现场jsbin演示。

为什么React的渲染方式<p>与有所不同<div>？