コンテンツを中央に配置する。 画面の横幅が変わってもコンテンツ幅は変化しない。 コンテンツが少なくても画面の最下端までコンテンツの背景色が表示されるようにするには、 body, html, コンテンツ領域のすべてをheight: 100%に指定する必要がある。

ヘッダ領域を付け加えている。 ヘッダ文字を中央揃えにしている。 高さ方向の書き出し位置はpadding-topプロパティの値で調節している。