css - 向右浮动和小时对齐

Question

我得到了以下代码:

<div style="width: 300px; height: 100px; border: 1px solid red;">
    <a href="#" style="height: 10px; width: 50px; border: 1px solid black;">MY BUTTON</a>
    <hr />
</div>

当我在按钮中使用 float right 时，hr 会增加。我怎样才能避免这种情况？

Answer 1

尝试清除它。

hr
{
   clear: both;
}