横並び プロパティ一覧

インライン要素を横に並べることができる。インラインなので、横幅など指定不可。左右の余白のみ指定可

display: inline

ブロック要素として扱うことができる

displa: inline-block

親要素をdisplay: table、子要素display: table-cellとする。テーブルセル仕様になっているため融通が効きづらい

display: table-cell

フレキシブルボックス

display:flex

浮いた状態を保つ。親要素にoverflow: hidden;の追記が必要。

float: left