ul inside p tag cause p tag to automatically close

[wanton7]

There is ul tag inside p tag at src/components/app/index.marko. I was noticing visible element padding change after initial rendering in browser. Found the cause, it was because ul is block-level element and causes p to automatically close. It means that browser will render ul outside p tag even if it's inside it in HTML markup. It seems that JavaScript rendering will allow ul inside p and when JavaScript render code runs it will move ul inside p tag.
More info https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p and https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements

            <p>
                <b>Checked</b>:
                <ul>
                    <for(key,value in state.checked)>
                        <li if(value)>
                            ${key}
                        </li>
                    </for>
                </ul>
            </p>