Webdesign mit (X)HTML und CSS

Ein Kurs für Einsteiger

floats umschließen: float in float

Gefloatete Elemente werden vom umgebenden Element eingeschlossen, wenn das umgebende Element ebenfalls float erhält.

  1. <div style="border:1px solid red; float:left; width:450px;">
  2. <p style="float:left; width:150px; margin:5px;>Erster Textabsatz …</p>
  3. <p>Zweiter Textabsatz …</p>
  4. </div>

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.