Por que nunca podemos ter o elemento ul como filho de um elemento p? Eu fiz uma página web com o seguinte código

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

aqui, o elemento ul é filho do elemento p. No entanto, em todos os principais navegadores (Chrome, Firefox, Internet Explorer) (todas as versões mais recentes), ele é interpretado da seguinte forma

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

Eu verifiquei clicando com o botão direito do mouse no elemento ul (no chrome) e selecionando a opção inspecionar elemento. Eu vi no chrome, mas os outros dois navegadores também se comportaram da mesma maneira (css selecter 'p ul' não funcionou bem).

Por que é tão? Alguém pode dizer um caso geral em que tais alterações pelo navegador ocorre?