flexboxのテスト
グループブロック：flexbox
items-center
あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ
ああああああああああ
row-reverse
左側テキスト
右側テキスト
row-reverse
左側テキスト
右側テキスト
flex-center
ああああああ
いいいいいい
うううううう
flex-end
ああああああ
いいいいいい
うううううう
space-between
ああああああ
いいいいいい
うううううう
space-around
ああああああ
いいいいいい
うううううう
カラムブロック
ああああああああああああああああああああああ
あああああああああああああああああああああ
ああああああああああ
ああああああああああああああああああ
あああああああああああああああああ
クラシックブロック
クラシックブロック
■ flexbox のみ
テキスト
テキスト
テキスト
■ 左：flex-2／右：flex-1
左側テキスト
右側テキスト
■ items-center
左側テキスト
左側テキスト
左側テキスト
右側テキスト
■ row-reverse
あああああ
いいいいい
ううううう
■ row-reverse flex-1
あああああ
いいいいい
ううううう
■ flex-column
あああああ
いいいいい
ううううう
■ flex-center
あああああ
いいいいい
ううううう
■ flex-end
あああああ
いいいいい
ううううう
■ space-between
あああああ
いいいいい
ううううう
■ space-around
あああああ
いいいいい
ううううう
■ space-between／flex-1
あああああ
いいいいい
ううううう
