向右浮动和小时对齐

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时,hr会上升.我怎么能阻止这个？

Answer 1

尝试clear一下.

hr
{
   clear: both;
}