Un article de WikiTuto.

Apprendre les CSS CSS Généralités Feuilles de style : appliquer un style Application d'un style à un code HTML Association avec un média particulier Association d'un style à une balise DIV et SPAN Notion de boîte Feuilles de style : liste des éléments Unités de mesure Propriétés de police Mise en forme du texte Mise en forme de liste Couleurs et arrière-plans Retraits extérieurs et intérieurs Cadres Positionnement absolu des éléments Exemple de réalisation de feuille de style Que doit contenir le site deux feuilles de style feuille de style pour l'écran La feuille de style pour l'impression Utilitaires CSS Positionnement et affichage Positionnement et affichage explications propriété clear Exemple de positionnement flottant Affichage Tableaux sans tableau Bouton CSS sans programmation Bouton plat Bouton en relief Les bugs d'Internet Explorer modifier Tdm CSS

Définition

<div style="float:right;border-style:solid;">droit n°1</div>
 <div style="float:right;border-style:solid;">droit n°2</div>
 <div style="float:left;border-style:solid;">gauche n°1</div>
 <div style="float:right;border-style:solid;">droit n°3</div>
 <div style="float:left;border-style:solid;">gauche n°2</div>
 <div style="float:right;border-style:solid;">droit n°4</div>
 <div style="float:left;border-style:solid;">gauche n°3</div>

ce qui donne ceci :

Ou encore ceci, quand la fenêtre est trop étroite :

La propriété clear (avec les valeurs both, right et left) a pour effet de terminer une série de flottants et faire recommencer le flux sur la ligne suivante.

Source

Dominique Gonzalez

Voir aussi

1. Positionnement et affichage explications
2. propriété clear
3. Exemple de positionnement flottant
4. Affichage