画像と文字要素を、それぞれ別のブロックレベル要素に振り分けてレイアウトするスタイルをやってみよう。いわゆる段組レイアウトという状態ができあがる。画像と文字要素を完全に切り分けたスタイルはすっきりしていて読みやすいスタイルでもある。 ■2段組レイアウト ------------------------------ サンプルページ 3.html (サンプルページは別ウィンドーで開いてください。 ブラウザのソースを見るコマンドでコードを確認してください。) ------------------------------ まず各段を形成するpタグを2セット用意する。それぞれのタグには役割を区別するためidを降っておく。作例は左のpタグをid="left"、右のpタグをid="right"としている。最後にdivタグでそれぞれの段をひとまとめにくくる。次に左のpタグの中へ画像を、右のpタグへは文字要素