練習問題
次の3段組みのレイアウトのページを作ってください。
- 全体(wrapper)
幅…600px
高さ…300px
- 左と右(left,right)
幅…150px;
高さ… 240px;
- 中央(main)
幅…300px;
高さ…240px;
- ヘッダー
幅はwrapperと同じ。高さは40px。
line-height:40px; を指定する。(文章をヘッダーの高さに対して中心に表示させるため)
- フッター
幅はwrapperと同じ。高さは40pxと20px。
clear:both; を指定する。(両側の回りこみを解除するため)
- テキストは全て中央寄せにする。
- 背景色は自由に変えてください。
作品見本↓