読者です 読者をやめる 読者になる 読者になる

搾りたての工数と干からびた社畜

99%の雑記と1%プログラミングメモなど

【HTML】一行の左右にオブジェクトを配置する【CSS】

HTMLで左右にオブジェクト(ボタンとかテキスト)を配置したい時ってあるよね?僕はめっちゃある。

この問題にハマってググってたら、「そんな時はCSSのfloatを使えばいいんやで」という答えにたどり着きました。

floatプロパティは指定したオブジェクトを左右どちらかに寄せて、後続のオブジェクトを反対側に配置させます。



左ボタンはfloatで左寄りを指定しているので、後続の右ボタンは同じ行の右側に配置され、下記のようになります。