【09】箱を作る！

「width」は幅であり、「height」は高さを指定することができます。上の<div>タグでは中身が存在しないので、本当であれば空白が存在しません。しかしながら「width」で幅を「height」で高さ指定してあげることで、<div>の横幅と高さを固定で指定することができます。
「margin」は上下の余白を指定することができます。「margin: 0 auto」とすることで、上下の余白を0、左右の余白を自動とすることができます。左右を自動とすると中央にボックスが移動します。
また、四つまで値を指定することができます。「margin: auto 0 auto auto」とすることで、上下左の余白を自動とし、右のみ0とすることができます。右のみゼロとすると下図のように右端にボックスを配置することもできます。