css - 向右浮动和 hr 对齐

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;
}

Answer 2

我不确定您在做什么，我认为您正在尝试复合按钮。

我建议删除 '<'br'/>' 并添加到 '<'a'>' 样式中：'line-height:100px;'