回り込みfloatの解除 の実験



ドイツの携帯電話会社であるドイツテレコムのウェブサイトはパステルカラーに近いピンクをメインカラーとしている。 食品などには使えない色だがパステルカラーは多くの地域において交換がもたれている色・・・・


<head>
<style type="text/css">
<!--

.ph {
	float:right;
    }
.footer {
	clear:right;
	padding:4px;
	font-size:16px;
	color:red;
    margin-top:24px;
    }

-->
</head>
<body>
    
 
<img class="ph" src="image/art_egg.gif">

<img src="image/p1010001.jpg" width="80">
<hr>
<p class="p3">ドイツの携帯電話会社であるドイツテレコムのウェブサイトはパステルカラーに近いピンクをメインカラーとしている。
食品などには使えない色だがパステルカラーは多くの地域において交換がもたれている色・・・・</p>


<div class="footer">ドイツの携帯電話会社であるドイツテレコムのウェブサイトはパステルカラーに近いピンクをメインカラーとしている。
食品などには使えない色だがパステルカラーは多くの地域において交換がもたれている色・・・・</div>


</body>

float: によるテキストの回り込みを下記のいずれかで指定する。
 none(既定値:何もしない)
 left(左側の回りこみ解除)
 right(右側の回りこみを解除)
 both(両側の回りこみを解除)
タグの clear 属性に相当します。 例1 <img src="abc.gif" width=50 height=50 alt="TOKYO" style="float:right"> <br style="clear: both;">