html - 2 つのボタンを並べて表示する方法

Question

次の2つのボタンがあります。

<div>
    <input type="button" id="slide_start_button" value="Start">
    <input type="button" id="slide_stop_button"  value="Stop">
</div>

両方を並べて配置します (たとえば |Start||Stop|)。できますが、CSS ルールを使用する必要がposition: relativeあり、不要なボタンの下に空のスペースがありました。

ポータブルな方法で 2 つのボタンを並べて配置するにはどうすればよいですか?

Answer 1

左にフローティングするだけでなく、入力の表示プロパティをインライン ブロックに変更できます。

#slide_start_button, #slide_stop_button{
   display: inline-block;
   margin-right: 5px;
}