Layout - Flussverhalten

Der Fluss entspricht dem Schreibfluss (lateinische Schrift: von links nach rechts und von oben nach unten)

display	Flussverhalten	z. B. Standard für HTML Element
inline	Elemente horizontal in Schreibrichtung; hintereinander	em, strong, span, img, a
block	Box über komplette Breite des Elternelements; untereinander	p, div, table, h1
none	unsichtbar, ohne Lücke ^{ⓘunsichtbar mit Lücke: visibility: hidden; oder opacity: 0;↩}	-

Umfließen von Elementen:

float: Element steht links (left) oder rechts (right) und wird von nachfolgenden Elementen umflossen
clear: umfließt kein Element auf der linken (left), rechten (right) oder beiden Seiten (both)

HTML<p>
  <strong>Achtung:</strong> Hier kommt ein Bild <img src="smiley.png" /> und
  danach noch ganz viel weiterer Text
</p>
<p>neuer Absatz mit Text</p>

CSSp {
  display: inline;
}

CSS* {
  display: block;
}

CSSstrong {
  display: none;
}

CSSimg {
  float: left;
}
p {
  clear: both;
}