存在浮點時，如何使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;
}

演示