Modèle de boîtes de CSS

Tous les paragraphes de cette page ont une bordure bleue de 1px, sauf exceptions.

Ce paragraphe n'a pas de largeur limitée.

Ce paragraphe a une largeur limitée à 10 em.

Ce paragraphe a une hauteur de 20 ex.

Ce paragraphe a une hauteur de 20 ex et une largeur limitée à 10 em.

Flottement et Positionnement

Ce paragraphe, de 5emx5em déborde de sa boîte!

Ce paragraphe, de 5emx5em déborde de sa boîte!

Ce paragraphe, de 5emx5em déborde de sa boîte!

Ce paragraphe a un fond jaune, une bordure de 5px verte, des espacements de 5em, des marges de 3em et une largeur de contenu de 15em.

Ce paragraphe de largeur 30 em est centré.

Ce paragraphe est un flottant à droite avec un fond argenté et une largeur de 5em.

Ceci est un paragraphe, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, assez long, qui s'enroule autour d'un flottant à droite.

Ce paragraphe n'a pas de dégagement.

Ce paragraphe a un dégagement.

Ce paragraphe est normal, mais ces mots sont décalés de 1em vers le haut et vers la gauche. Intéressant ?

Ce paragraphe, de 7em x 7em, est toujours en bas à droite de la page.

Fixe.

Tables et CSS

La table suivante a des cellules de taille fixe 8em x 2em:

Légende au-dessus
cettetable
ades
borduresfusionnées

Idem pour cette table:

Légende en-dessous
cettetable
ades
borduresnon fusionnées