【#contents】

見出し1 見出し2 見出し3 見出し4 見出し5
※インライン要素として適用

CSS_box3:1段組みレイアウト

本体CSS

本体の段組用CSS。中央配置、分割スクロール無し、幅700px、縦成り行き。
本来は、これにマージンの設定などを加えて使用する。

* { ※省略 }
body { ※省略 }
#base { margin: 0 auto; padding: 0; position: relative; width: 700px }
#header { background-color: gray; margin: 0; padding: 0; height: 300px }
#main { background-color: white; margin: 0; padding: 0 }
#contents { background-color: white; margin: 0 100px; padding: 0; width: 500px }
#footer { background-color: gray; text-align: center; margin: 0; padding: 0 }

見出し関係CSS

外部スタイルシートから、見出し関係のCSS本文用【.category】とナビ用【.navicategory】の2パターン使用。