1.floatによる横並び

注意点

• 親要素 :after に 「content」「display」「clear」要素を追加する。
• または clearfix を指定する

2.inline-blockによる横並び

注意点

• 親要素に font-size: 0; を指定してブロック間の隙間をなくす
• 子要素に font-size: 12pt; を指定してフォントの大きさを指定する

3.「display:table;」「display:table-cell;」による横並び

注意点

• 親要素に display:table; を指定（実はなくてもOK。）
• 子要素に display:table-cell; を指定

4.「display:flex;」による横並び

注意点

• 親要素に「display: flex;」を設定
• 子要素は自動的にflexアイテムになる
• 古いブラウザ用にベンダープレフィックスが必要