入力内容

HTML

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

CSS

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

出力