块框里面包含快框的问题

纠结一下，块级元素里面包含另一个块级元素，显示的效果不一样啊？
有什么规则啊？在w3c里面没有提到啊。。

比如
<p style="background:blue; border:1px solid red;">一段文字1<h1 style="background:yellow; border:1px solid red;">一段文字2</h1> 一段文字3</p>
和
<h1 style="background:blue; border:1px solid red;">一段文字1<pstyle="background:yellow; border:1px solid red;">一段文字2</p>一段文字3</h1>

两段的显示效果不一样，我指的时背景、边框。

没规则 都是基本的标签
没研究价值