奇怪的段落（ paragraph）

<p class="box">
      <div class="span2 float-left">this is a content</div>
      <span class="float-left">Supercalifragilisticexpialidocious</span>
</p>

以上P（段落）节点中加了div，实际在google（版本127.0.6533.101）渲染后，节点顺序是这样：

有哪位大神能解释一下的？