WebPetit

La propriété CSS float permet de modifier le flottement des éléments sur lesquels elle est appliquée.

p {
float: right;
}

Elle permet de modifier le flottement d’un bloc, dans cette exemple elle s’applique à un paragraphe.
Les valeurs possibles sont: left( flottement à gauche ), right( flottement à droite ), none( pas de flottement, valeur mise par défaut ).

Exemple :

CSS

#contour {
border:1px solid green;
padding:3px;
}
#conteneur-image {
float:right;
margin:0 0 5px 5px;
}

HTML

<div id="contour">

<div id="conteneur-image">
<a href="http://www.web-petit.com/wp-content/uploads/2010/07/css.png">
<img src="http://www.web-petit.com/wp-content/uploads/2010/07/css.png" alt="Image illustrative du CSS" title="CSS" width="128px" height="128px" />
</a>
</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a consectetur nisl. Cras facilisis commodo rhoncus. Nam sit amet nunc eget mi iaculis euismod sit amet et sem. Donec a tortor nec nisi blandit pharetra sed ac risus. Sed convallis iaculis mi, vel blandit metus varius ac. Phasellus scelerisque sem tellus, quis dignissim erat. Donec a libero eu dolor adipiscing luctus. Proin tellus orci, laoreet ac porta vitae, imperdiet at neque. Donec vestibulum lacinia orci, nec tristique mi eleifend vitae. Donec facilisis ultrices rutrum. Integer volutpat placerat sagittis. Nunc libero arcu, laoreet ac ultricies id, imperdiet in neque. Sed laoreet enim in nibh faucibus a dapibus ipsum sollicitudin. Phasellus at eros sed quam ornare laoreet. Mauris quis enim nec enim luctus vehicula sed vel leo. Etiam at nibh non lorem vestibulum blandit. Suspendisse faucibus magna vel quam mattis lacinia. In sollicitudin lacinia auctor.</p>

</div>

---