- aktualisiert:
- 05.10.2008
- erstellt:
- 07.02.2007
Beispiel: float und clear
<p style="float:left; width:150px; margin:5px;>Erster Textabsatz …</p>
<p>Zweiter Textabsatz …</p>
<p style="clear:left">Dritter Textabsatz …</p>
Darstellung im Browser:
Erster Textabsatz mit float:left
, einer Breite von 150px und einem margin:5px;
.
Zweiter Textabsatz ohne float
und ohne clear
. Die Inhalte umfließen das gefloatete Element.
Dritter Textabsatz ohne float
aber mit clear:left
. Der Inhalt beginnt erst unterhalb des gefloateten Elements.