４３．文字ブロックのフロート

美容・健康・ファッション・インテリア・ＤＶＤ・お花・ギフト　安全安心のお買い物


町工場ネットトップ　　◇サイトマップ　◇新規登録　◇プライバシーポリシー　◇相互リンクの方法　◇問い合わせ

町工場　| 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

■文字ブロックのフロート

今度は文字の固まりをまとめて左側に囲んで表示してみます｡

この場合も同じように文字が回りこんでいることに注目して下さい｡
どのような場合に使えばいいのでしょう｡
たとえば、何か雑誌の記事などを引用して表示し,
それに対しての自分なりのコメントを書く場合などです。
このような表示も表を使わずに実現できます｡

これを表を使って書くと複雑になってしまいます｡また表示される文字サイズによってレイアウトがくずれます。

ソースです｡

<DIV STYLE="FLOAT:left;WiDth:100px;BACKGROUND:yellow">
<P>今度は文字の固まりをまとめて左側に囲んで表示してみます｡
</P></DIV>
<P>この場合も同じ・・・（略）・・・れる文字サイズによってレイアウトがくずれます。</P>

<DIV STYLE="FLOAT:left;WiDth:100px;BACKGROUND:yellow">
これが呪文です｡
WiDth:100px　　　　　　　　　　　枠の幅の寸法です｡
BACKGROUND:yellow　　　　　枠の色です｡
この2箇所を好きなように変えて試してください｡