デモサイト clear:both編
レスポンシブ向けに、clear:bothでfloatの解除をしたデモサイト。
clear:both;
880px以下は1カラム、881px以上は2カラム。
軽量フレームワークを使ってつくるデモサイト
2カラムをベースに、各フレームワークを利用して、ペラのHTMLでシンプルに作成。
回り込みのfloatを解除したサンプル
見出し2のパラグラフ、30文字
あいうえおかきくけこさしすせそたちつてとあいうえおかきくけこ
HTML5のdescription list(dl)= 説明リスト
あいうえおかきくけこさしすせそたちつてとあいうえおかきくけこさしすせそたちつてと
あいうえおかきくけこさしすせそたちつてとあいうえおかきくけこさしすせそたちつてと
見出し3のパラグラフ、35文字
あいうえおかきくけこさしすせそたちつてとあいうえおかきくけこさしすせそ
見出し4のパラグラフ、40文字
あいうえおかきくけこさしすせそたちつてとあいうえおかきくけこさしすせそたちつてと
見出し2のパラグラフ、65文字
あいうえおかきくけこさしすせそたちつてとあいうえおかきくけこさしすせそたちつてとあいうえおかきくけこさしすせそたちつてとあいうえお
見出し3のパラグラフ、70文字
あいうえおかきくけこさしすせそたちつてとあいうえおかきくけこさしすせそたちつてとあいうえおかきくけこさしすせそたちつてとあいうえおかきくけこ