1.横並び フレックスボックス
あいうえおあいうえおあいうえお
かきくけこ
さしすせそさしすせそさしすせそさしすせそさしすせそさしすせそさしすせそさしすせそ
2.横の並び順と縦の並び順（flex-direction）
あいうえおあいうえおあいうえお
かきくけこ
さしすせそさしすせそさしすせそさしすせそさしすせそさしすせそさしすせそさしすせそ
3.アイテムの主軸に対する配置を指定（justify-content）
あいうえおあいうえおあいうえお
かきくけこ
さしすせそさしすせそさしすせそさしすせそさしすせそさしすせそさしすせそさしすせそ
4.アイテムの交差軸に対する配置を指定（align-items）
abcdefghijklmnopqrstu
abc
abcdefghijk
5.順番を自由に変更（order）
あいうえおあいうえおあいうえお
かきくけこ
さしすせそさしすせそさしすせそさしすせそさしすせそさしすせそさしすせそさしすせそ
6-1.アイテムの幅 1（flex）
あいうえお
かきくけこ
さしすせそ
6-2.アイテムの幅 2（flex）
あいうえお
かきくけこ
さしすせそ
6-3.アイテムの幅 3（flex）
あいうえお
かきくけこ
さしすせそ
7.その他
あいうえお
かきくけこ
さしすせそ
たちつてと
なにぬねの
はひふへほ
8.float / ClearFix
あいうえおあいうえおあいうえおあいうえおあいうえおあいうえお
下のコンテンツ
9.position
あいうえお
かきくけこ
さしすせそ
