画像を挿入しました。この画像には<float:right>が設定されています。
ご覧の通り,画像に続くテキストは左側に回りこんで表示されました。
| 表1 | |
| floatスタイルは | right |
表を挿入しました。
この表には<float:right>が設定されています。ご覧の通り,表に続くテキストは左側に回りこんで表示されました。
表の高さをはみ出したテキストは下に回りこみます。
画像を挿入しました。この画像には<float:left>が設定されています。
ご覧の通り,画像に続くテキストは右側に回りこんで表示されました。
| 表2 | |
| floatスタイルは | left |
表を挿入しました。
この表には<float:right>が設定されています。ご覧の通り,表に続くテキストは左側に回りこんで表示されました。
表の高さをはみ出したテキストは下に回りこみます。
この画像には<float:feft>を設定。その結果,画像と表を並べて配置できる。
| 表3 | |
| 表4 | |
| floatスタイルは | left |
このように表と画像とテキストを並べて配置できる。
表には<float:left>
画像にも<float:left>を設定
![]()
<style TYPE="text/css">
<!--
IMG.a {float:right}
IMG.b {float:left}
IMG.c {float:left}
TABLE.d {float:right}
TABLE.e {float:left}
TABLE.f {float:left}
IMG.g {float:left}
-->
</style>
END(99/9/9)