Dlaczego nigdy nie możemy mieć elementu ul jako dziecka elementu p? Zrobiłem stronę internetową z następującym kodem

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

tutaj element ul jest dzieckiem elementu p. Jednak we wszystkich głównych przeglądarkach (Chrome, Firefox, Internet Explorer) (wszystkie najnowsze wersje) jest interpretowane w następujący sposób

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

Sprawdziłem to, klikając prawym przyciskiem myszy element ul (w chrome) i wybierając opcję elementu inspekcji. Widziałem to w chrome, ale pozostałe 2 przeglądarki również zachowywały się w ten sam sposób (css selecter 'p ul' nie działał dobrze).

Dlaczego tak jest? Czy ktoś może powiedzieć ogólny przypadek, w którym takie zmiany dokonywane są przez przeglądarkę?