Webauftritt der Institute der TUHH

Style Guide

clear

Beispiel

Quelltext:

Bla bla blubber.
<div class="floatbox">
   <img class="img_left" src="img/ilogo.png" 
        alt="RZ Logo" title="RZ Logo" 
        height="75" width="72" />
   <div class="ilegend">
   Dieser Text steht jetzt rechts vom Bild und ist die Legende für 
   das Bild. Das sieht man am Layout.
   </div>
   <div class="clear"> </div>
   Jetzt ist die Bildlegende zu Ende. Die Klasse "clear" bewirkt,
   dass der Textfluss unterhalb des Bildes weitergeht.
</div>

Darstellung im Browser:

Dieser Text steht jetzt rechts vom Bild und ist die Legende für das Bild. Das sieht man am Layout.

Jetzt ist die Bildlegende zu Ende. Die Klasse "clear" bewirkt, dass der Textfluss unterhalb des Bildes weitergeht.

<div class="floatbox">   ....   </div>