Propriété float

La propriété float - définit des blocs flottants qui seront entourés de texte. La propriété float est parfois utilisée conjointement avec la propriété clear, qui annule l'habillage de l'élément.

Bien qu'à l'origine float ait été conçu pour insérer des blocs flottants dans le texte, actuellement, il est utilisé très largement et de manière non standard pour la construction de mises en page.

Syntaxe

csssélecteur {
  float: left | right | none;
}

csssélecteur {
  clear: both | left | right | none;
}

Valeurs pour float

Valeur par défaut : none.

Valeurs pour clear

Valeur par défaut : none.

Exemple

Utilisons float de manière non standard, en mettant les éléments de liste en ligne :

html<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>

cssli {
  float: left;
  border: 1px solid red;
}

Результат:

Voir aussi