Propriétés de flottement

img#i1 { float: left }
img#i2 { float: right }
p#p3   { clear: both }

Ce paragraphe commence par une image flottant à gauche avec la propriété float: left. Une autre image flotte à droite de cette phrase (float: right).

Ce paragraphe ne supporte aucun flottement (clear: both).

p:first-letter {
	float: left;
	color: maroon;
	font-size: 260%;
	font-family: Times, serif;
}

Les propriétés float et clear correspondent respectivement aux attributs float et clear de HTML 3.2. Mais les propriétés CSS sont définies pour tous les éléments et leur donne une apparence de bloc.

div.encadre {
	float: left;
	width: 30%;
	padding: 0.1em;
	border: 0.08em solid #336;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	background: #DDF;
	font-size: 80%;
}