# レイアウトサンプル

通常のリンク 通常のリンク 「display」プロパティでblockを指定 通常のリンク

ブロック要素に幅を指定

ブロック要素に高さを指定

インライン要素の>a&glタグには幅指定できない
インライン要素の>a&glタグには高さ指定できない

画像をfloatで左に寄せているので、次の要素は右側に入ってくる

floatさせた要素の高さに余裕があれば、後ろの要素はいつまでも右に回り込む。
文章などが長くなり、floatさせた要素の高さを超えると通常の幅で下に表示されるようになる。
文章などが長くなり、floatさせた要素の高さを超えると通常の幅で下に表示されるようになる。
文章などが長くなり、floatさせた要素の高さを超えると通常の幅で下に表示されるようになる。
文章などが長くなり、floatさせた要素の高さを超えると通常の幅で下に表示されるようになる。

画像をfloatで右に寄せているので、次の要素が左に入ってくる

float要素の高さに余裕があれば、後ろの要素はいつまでも左に回り込む。解除するには、clearプロパティを使用する。

ポジションを比較しやすいように入れた要素

ポジションを比較しやすいように入れた要素