3-05（1） 行幅の制限や疑似的な段組みの表現

【1】大見出し、中見出し、小見出し、本文などすべての要素にclassを指定、さらにコンテンツ全体をdiv要素でグループ化して、IDを指定しておく。ページを構成する要素（ボックス）が縦一列に並ぶイメージとなる。


【2】コンテンツ全体のグループに対して左マージンを指定すると、ページの左側に余白がつくられ、コンテンツのかたまりは右に寄る。同様に右マージンを指定すれば、左に寄せることができる。


【3】左右のマージンに同じ値を指定すれば中央揃えになる。ボックスの背景をページの背景と同色にすれば、ほかの要素と視覚的に分離できる。マージン指定と背景色だけで、行幅の制限や疑似的な段組み表現も可能だ。