float:***;
floatは設定している要素を浮動化させるプロパティで、要素の横に回り込みをさせることができます。
img要素に対して設定をすると、画像を浮動化させることができます。
▼CSS
img.sample{
float:left;
}
▼HTML
<img class="sample" src="../images/h3-65_01.png">後続の要素であるこのテキストが右側に回り込みます。
▼表示
後続の要素であるこのテキストが右側に回り込みます。float:left; | 設定した画像を左側に寄せ、後続の要素を右側に回り込ませる |
---|---|
float:left; | 設定した画像を右側に寄せ、後続の要素を左側に回り込ませる |
float:none; | 後続の画像を回り込ませない |