Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

Beispiel: float und clear

  1. <p style="float:left; width:150px; margin:5px;>Erster Textabsatz …</p>
  2. <p>Zweiter Textabsatz …</p>
  3. <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.