向右浮动和小时对齐

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

我不确定你在做什么，我想你正试图复合一个按钮。

我建议删除'＆lt;'br'/＆gt;'并添加到'＆lt;'a'＆gt;'样式：'line-height：100px;'