存在浮点时，如何使H4元素的行为像HR

Question

这是我的代码：

http://jsfiddle.net/beA4a/

<div style="float:right; width:200px; border:solid 1px #000; height:300px;"></div>
<p>Text</p>
<hr/>
<h4 style="border-bottom:solid 1px #000;">H4 Text</h4>

注意hr如何在浮动div处停止的，而h4则通过它。 我可以将任何CSS应用于h4，使其行为相同，而无需在h4上指定宽度吗？

我想要这样，如果将h4推到浮动div下方，则它将像hr一样占据整个页面宽度。

Answer 1

只需添加overflow: hidden到h4

h4{
   overflow:hidden;
}

演示