The content model for the <p> element is 'phrasing content'. Given the markup below, why does the resulting DOM contain two sibling <p>-area elements rather than a <div> nested inside the first <p>?