Warum können wir niemals ul element als Kind eines p-Elements haben? Ich habe eine Webseite mit dem folgenden Code erstellt

<p> some text
<ul>
<li>...</li>
<li>...</li>
.
.
.
</ul>
</p>

Hier ist das Element ul ein untergeordnetes Element des Elements p. In allen gängigen Browsern (Chrome, Firefox, Internet Explorer) (alle aktuellen Versionen) wird dies jedoch wie folgt interpretiert

<p> some text</p>
<ul>
<li>...</li>
<li>...</li>
.
.
.
</ul>
<p></p>

Ich habe es überprüft, indem ich mit der rechten Maustaste auf das ul-Element (in Chrom) geklickt und die Option zum Überprüfen des Elements ausgewählt habe. Ich habe es in Chrom gesehen, aber die anderen 2 Browser haben sich ebenfalls auf die gleiche Weise verhalten (der CSS-Selektor 'p ul' hat nicht gut funktioniert).

Wieso ist es so? Kann mir jemand einen generellen Fall sagen, in dem solche Änderungen vom Browser vorgenommen werden?