DIVを使ったレイアウト(9)

今度は s1 と s2 を一括りにするような item というクラスの div 要素を追加しよう.

さらに,item クラスの属性を次のように指定します.

すると次のように4つの要素を並べてきれいに配置できるようになりました.ブラウザの画面サイズを変更してレイアウトの変化を確認してください.

1個目の要素

レイアウトのサンプルを確認するための文章です.じゅげむ じゅげむ ごこうのすりきれ かいじゃりすいぎょの すいぎょうまつ うんらいまつ ふうらいまつ くうねるところに すむところ やぶらこうじの ぶらこうじ パイポパイポ パイポのシューリンガン シューリンガンのグーリンダイ グーリンダイのポンポコピーのポンポコナーの ちょうきゅうめいのちょうすけ.

2個目の要素

3個目の要素

レイアウトのサンプルを確認するための文章です.じゅげむ じゅげむ ごこうのすりきれ かいじゃりすいぎょの すいぎょうまつ うんらいまつ ふうらいまつ くうねるところに すむところ やぶらこうじの ぶらこうじ パイポパイポ パイポのシューリンガン シューリンガンのグーリンダイ グーリンダイのポンポコピーのポンポコナーの ちょうきゅうめいのちょうすけ.

これは4個目の要素です

前のページへ   次のページへ

目次に戻る