タイトル

ヒーローエリア

セクション1. 回り込み

画像を左にフロートさせて、テキストを回り込ませています。このレイアウトはグリッドレイアウトやフレックスボックスでは実装することができません。floatは、floatを指定した要素を左または右に寄せ、その周りの内容がfloatを指定した要素に回り込むのが特徴です。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

セクション2. タイル状の配置

アイテムのタイトル

アイテムアイテムアイテムアイテム

アイテムのタイトル

アイテムアイテムアイテムアイテム

アイテムのタイトル

アイテムアイテムアイテムアイテム

アイテムのタイトル

アイテムアイテムアイテムアイテム

アイテムのタイトル

アイテムアイテムアイテムアイテム

アイテムのタイトル

アイテムアイテムアイテムアイテム

アイテムのタイトル

アイテムアイテムアイテムアイテム

アイテムのタイトル

アイテムアイテムアイテムアイテム