css - float right と 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>

ボタンの右にフロートを使用すると、hrが上がります。どうすればこれを防ぐことができますか?

Answer 1

してみてくださいclear。

hr
{
   clear: both;
}

Answer 2

何をしているのかわかりませんが、ボタンを合成しようとしていると思います。

「<'br'/>」を削除し、「<'a'>」スタイルに「line-height:100px;」を追加することをお勧めします。