DIVを使ったレイアウトサンプル（3）
ブラウザのウインドウ幅を変更してみてください．container の領域に600pxを確保できるウインドウの幅であれば横に並んで表示されます．一方でウインドウの幅が小さくなれば要素が縦に並びます．これ以上に複雑なことをやりたければ，bootstrap フレームワークを使ったレスポンシブWebデザインなどを採用する必要があるでしょう．
2個目の要素
レイアウトのサンプルを確認するための文章です．じゅげむ じゅげむ ごこうのすりきれ かいじゃりすいぎょの すいぎょうまつ うんらいまつ ふうらいまつ くうねるところに すむところ やぶらこうじの ぶらこうじ パイポパイポ パイポのシューリンガン シューリンガンのグーリンダイ グーリンダイのポンポコピーのポンポコナーの ちょうきゅうめいのちょうすけ．
4個目の要素
レイアウトのサンプルを確認するための文章です．じゅげむ じゅげむ ごこうのすりきれ かいじゃりすいぎょの すいぎょうまつ うんらいまつ ふうらいまつ くうねるところに すむところ やぶらこうじの ぶらこうじ パイポパイポ パイポのシューリンガン シューリンガンのグーリンダイ グーリンダイのポンポコピーのポンポコナーの ちょうきゅうめいのちょうすけ．
