入力内容
HTML


上記では、<div>タグをさらに<div>タグで囲っています。これを「入れ子」またはネスといいます。
この入れ子構造を使うと、タグがどこで始まりどこで終わるのか分かりづらくなるので、インデント(空白)を上手に使い、階層構造を使って書くことによって、わかりやすく管理することができます。
このインデントは「tab」キーで簡単に作ることができます。基本的に階層構造を作るときは「tab」キーを使い、間違っても「space」キーを使うのはやめましょう。
この入れ子構造を使うと、タグがどこで始まりどこで終わるのか分かりづらくなるので、インデント(空白)を上手に使い、階層構造を使って書くことによって、わかりやすく管理することができます。
このインデントは「tab」キーで簡単に作ることができます。基本的に階層構造を作るときは「tab」キーを使い、間違っても「space」キーを使うのはやめましょう。
CSS



「float」は浮くという意味です。この「float」を使うことで箱同士を横に並べることができます。
出力
