Float
要素に回り込みを指定します。
「left」で右回り込み、「right」で左回り込みをします。
●関連プロパティ
{ float-top : left | right | none }
右回りこみ指定
フロートを指定した要素の右に、テキストが回りこみます。
{ float-top : left }
<p style="float: left;"><img border="0" src="img_dog_60.gif"
width="60" height="60"></p>
<p>Dynamic HTML (DHTML) is a set of innovative features in Microsof® Internet
Explorer 4.0. By enabling authors to dynamically change the rendering and
content of a document, DHTML gives authors the ability to create visually
outstanding HTML documents that interact with the user without the burden
of relying on server-side programs or complicated sets of HTML pages to
achieve special effects.</p>
Dynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet Explorer 4.0. By enabling authors to dynamically change the rendering and content of a document, DHTML gives authors the ability to create visually outstanding HTML documents that interact with the user without the burden of relying on server-side programs or complicated sets of HTML pages to achieve special effects.
左回りこみ指定
フロートを指定した要素の左に、テキストが回りこみます。
{ float : right }
<p style="float: right;">
<img border="0" src="img_dog_60.gif" width="60" height="60"></p>
<p>Dynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet
Explorer 4.0. By enabling authors to dynamically change the rendering and
content of a document, DHTML gives authors the ability to create visually
outstanding HTML documents that interact with the user without the burden
of relying on server-side programs or
complicated sets of HTML pages to achieve special effects.</p>
Dynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet Explorer 4.0. By enabling authors to dynamically change the rendering and content of a document, DHTML gives authors the ability to create visually outstanding HTML documents that interact with the user without the burden of relying on server-side programs or complicated sets of HTML pages to achieve special effects.
回り込みでドロップキャップ
回り込みでドロップキャップを作ることができます。
サンプルは、＜H3＞にFLOAT：LEFTを指定し、＜P＞を右回り込みさせています。
h3 { float: left; font-size: 34pt; background-color: rgb(255,128,0); color: rgb(255,255,255); }
D
ynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet Explorer 4.0. By enabling authors to dynamically change the rendering and content of a document, DHTML gives authors the ability to create visually outstanding HTML documents that interact with the user without the burden of relying on server-side programs or complicated sets of HTML pages to achieve special effects.
 |
 |
|---|
