La propriété float permet à un élément de flotter à gauche ⬅️ ou à droite ➡️ à l'intérieur de son conteneur. Elle permet aussi au texte et aux autres éléments en ligne (inline) le suivant de s'enrouler autour de lui.
Valeurs disponibles:
none(par défaut) l'élément ne flotte pasleftL'élément flotte à gauche ⬅️rightl'élément flotte à droite ➡️
Par exemple:
Impact sur le display
Pour que le contenu en ligne soit en mesure de s'enrouler autour de l'élément en float, il est nécessaire de pouvoir calculer sa dimension. Puisqu'il est impossible par défaut de calculer la dimension (width & height) des éléments en ligne (inline), ceux-ci sont automatiquement convertis en display: block; dès que la propriété float leur est attribuée.