ブロックや画像を左右に配置して文字などの回りこみをを設定するには、 floatプロパティを設定します。
pre> float: 配置する位置 /pre>
pre> float: 配置する位置
/pre>
floatプロパティは、 画像や指定した要素を、 左右に配置して、その反対側に後に続く要素を回りこませます。 配置する位置には、次のような設定ができます。
回り込みを解除するには、 clearプロパティを使います。
pre> div.right { border: thin gray dotted; margin: 0.5em; width: 30%; background: #eeeeee; COLOR(red):float: COLOR(blue):right; } img.left { margin: 0.8em; COLOR(red):float: COLOR(blue):left; clear: right; } /pre>
pre> div.right {
border: thin gray dotted; margin: 0.5em; width: 30%; background: #eeeeee; COLOR(red):float: COLOR(blue):right;
} img.left {
margin: 0.8em; COLOR(red):float: COLOR(blue):left; clear: right;
}
次へ進んでください。