CSS float 权利问题

Question

我有这个问题...我有一段文字，然后是一个按钮，我希望有 float:right，然后我有一个只是边框的 div...就像这样

TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
<div style="float:right;">button</div>
<div class="dotline"></div>

我的问题是顺序是文本、虚线然后是按钮，而它应该是文本、按钮和虚线，我该如何解决这个问题？

这是 dotline 类的 css

.dotline {
    border-top: 1px dotted #B0B0B0;
    height: 1px;
    margin: 10px 0;
}

Answer 1

清除 float :

.dotline {
    border-top: 1px dotted #B0B0B0;
    height: 1px;
    margin: 10px 0;
    clear : both;
}

http://jsfiddle.net/y5pgd/