これを見ている皆様は画像”1.1”背景：赤のものが、この文字の集まりの左 側にあり、画像”1.3”背景：青のものが、この文字の集まりの右側にあるのが わかりますか？そしてこの文字の集まりが画像の内部に入り込んでるように見え ますか？（念押しをしているのはUAによってはそのように見えないかもしれない ので）もしそのように見えないのであれば、ここから先は無駄ですので大変申し 訳ありませんが、他のネットワークの情報を探して頂きたい。すいません。もし うまく、画像が左右にわかれて、文字の集まりがその内部に、流れ込んでいるよ うに見えるのであれば、それに対する css の部分は 下部の様にしています。
.img-right {float: right ;
margin-left: 0.8em ;
margin-right: 0 ;
}
.img-left {float: left ;
margin-left: 0 ;
margin-right: 0.8em ;
}
.img-rightcl{
clear: right ;
}
.img-leftcl{
clear: left ;
}
これにたいする html ファイルの部分は 下部の様になってます。
<p class="img-left"> <img src="gazou1-1.png" width="30" height="20" alt="1-1"></p> <p class="img-right"> <img src="gazou1-3.png" width="30" height="20" alt="1-3"></p> <p>これを見ている皆様は画像”1.1”背景：赤のも ... </p>
つまり画像”1.1”を 左側え持っていって、次に画像”1.3”を右側にしま す。その後、文字の集まりを、流し込んでいます。その様子がこれまでの所に表 示されています。
それでは css の項目で .img-rightcl{ clear: right ;}の項目は何をするの でしょうか ？？
そのときに上記の”clear: right”オプ ションを、使用します。（次の文字の並びは、もしできるなら区別して最初から 最後まで幅一杯の方がいいなーと思った、まさにそのとき）どうですか？解除さ れてるでしょうか？その部分の html ファイルは 以下のようにします。
<p class="img-rightcl">そのときに上記の オプションを....</p>
左側も同じ様に考えて対応出来ます。つまり流し込みを始めた場合に解除す るには、”clear: right”の様に解除する。印をつければよい。ただ文字の数が 多いと解除しなくても、問題にはならない。（結果として）ということです流れ 込みを阻止する画像エリアが存在しなくなるので。