Webauftritt der Institute der TUHH

Style Guide

float_left

Beispiel

Quelltext:
Bla bla blubber.
<div class="float_left">
<p>
Bitte aufgepasst, dieser Text floatet links.<br />
Und noch eine Zeile.<br />
Und noch eine dritte Zeile.
</p>
</div>
<p>
Und dieser Text steht jetzt rechts. <br />
Die nächste Zeile auch noch. <br />
Und die dritte Zeile ebenfalls. <br />
Ebenso die vierte Zeile. <br />
Und  wie man sieht, beginnt der Text jetzt wieder links. <br />
</p>
Darstellung im Browser:

Bla bla blubber.

Bitte aufgepasst, dieser Text floatet links.
Und noch eine Zeile.
Und noch eine dritte Zeile.

Und dieser Text steht jetzt rechts.
Die nächste Zeile auch noch.
Und die dritte Zeile ebenfalls.
Ebenso die vierte Zeile.
Und wie man sieht, beginnt der Text jetzt wieder links.