Почему у нас никогда не может быть элемента ul в качестве дочернего элемента элемента p? Я сделал веб-страницу со следующим кодом

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

здесь элемент ul является дочерним элементом элемента p. Однако во всех основных браузерах (Chrome, Firefox, Internet Explorer) (все последние версии) он интерпретируется следующим образом.

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

Я проверил это, щелкнув правой кнопкой мыши по элементу ul (в chrome) и выбрав опцию проверки элемента. Я видел это в chrome, но другие 2 браузера также вели себя одинаково (css selecter 'p ul' не работал).

Почему это так? Кто-нибудь может рассказать общий случай, когда такие изменения браузером происходят?