MENU : La demo en css | La FdS | Les captures Ecran |

La Démo en CSS

boite 1

boite 2
un petit exemple de boites flottantes à gauche

boite 3

boite 4

boite 5
ceci est la boite d'arret des boites 1, 2, 3 et 4

boite 6

boite 7

boite 8
encore un petit texte de remplissage pour voir comment se comporte exactement cette fottaison gauche

boite 9

boite 10

Suite | Haut de Page


La FdS

Le Code HTML

h2 {
    float:left;
    width: 100px;
    margin: 5px;
    border: 1px solid orange;
    background: #eee;
    font-family: verdana,arial,helvetica;
    font-size: 14px;
    text-align: center;
    color: blue;
    }
em { 
    font-weight: normal;
    font-size: 12px;
    }
.stop {
    clear: left;
    background: #ffc;
    border-color: maroon;
    color: black
    }
<h2>boite 1</h2>
<h2>boite 2<br><em>un petit exemple de boites
 flottantes à gauche</em>
</h2>
<h2>boite 3</h2>
<h2>boite 4</h2>
<h2 class="stop">boite 5<br><em>ceci est la 
  boite d'arret des boites 1, 2, 3 et 4</em>
</h2>
<h2>boite 6</h2>
<h2>boite 7</h2>
<h2>boite 8<br><em>encore un petit texte de
 remplissage pour voir comment se comporte
 exactement cette fottaison gauche</em>
</h2>
<h2>boite 9</h2>
<h2>boite 10</h2>

Suite | Haut de Page

Résultats

passez la souris sur la capture-écran suivante pour changer de IE à Mozilla ou l'inverse

Mozilla :

Haut de Page