Float

La propriété CSS float est utilisée pour déplacer un élément vers la gauche ou la droite de son conteneur, lui permettant de flotter par rapport aux autres éléments.

<p>See the Pen <a href="https://codepen.io/dendevs/pen/eYoGEqB">
Untitled</a> by dendevs (<a href="https://codepen.io/dendevs">@dendevs</a>)
on <a href="https://codepen.io">CodePen</a>.</p>

Lorsqu'un élément est flottant, il est retiré du flux normal du document ce qui permet aux autres éléments de se placer autour de lui.

<p>See the Pen <a href="https://codepen.io/dendevs/pen/yLrPrJG">
css-float-01</a> by dendevs (<a href="https://codepen.io/dendevs">@dendevs</a>)
on <a href="https://codepen.io">CodePen</a>.</p>

remarque

Cette propriété était souvent utilisée pour créer des mises en page complexes avant l'introduction de Flexbox. Elle reste utile aujourd'hui même si moins utilisée.