¿Por qué nunca podemos tener ul elemento como el hijo de un elemento p? Hice una página web con el siguiente código.

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

Aquí, el elemento ul es un hijo del elemento p. Sin embargo, en todos los principales navegadores (Chrome, Firefox, Internet Explorer) (todas las últimas versiones), se interpreta de la siguiente manera

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

Lo comprobé haciendo clic con el botón derecho en el elemento ul (en cromo) y seleccionando la opción inspeccionar elemento. Lo vi en Chrome pero los otros 2 navegadores también se comportaron de la misma manera (el selector 'p ul' de css no funcionó bien).

¿Por que es esto entonces? ¿Alguien puede contar un caso general en el que se produzcan tales cambios por parte del navegador?