Single Float
float: links
normaler Text
Konventionelle Lösung. Links ein float
, rechts der normale Text, mit text-align: right;
rechtsbündig formatiert..
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam sapien arcu, accumsan quis, feugiat quis, sodales eu, tortor. Suspendisse bibendum venenatis magna. Donec eget orci. Aenean id sem non sem pharetra volutpat. Ut ligula leo, tempus quis, gravida eu, pulvinar eget, diam. Integer porttitor. Curabitur elit. Cras ullamcorper sollicitudin orci. Suspendisse nunc augue, pretium sed, venenatis quis, pulvinar at, wisi.
Float-Float
float: links
float: rechts
Absatz per clear: both;
unterhalb beider Floats gesetzt. Der angegebene margin
-Abstand wird von der Headline an gerechnet, nicht von den Floats an!
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam sapien arcu, accumsan quis, feugiat quis, sodales eu, tortor. Suspendisse bibendum venenatis magna. Donec eget orci. Aenean id sem non sem pharetra volutpat. Ut ligula leo, tempus quis, gravida eu, pulvinar eget, diam. Integer porttitor. Curabitur elit. Cras ullamcorper sollicitudin orci. Suspendisse nunc augue, pretium sed, venenatis quis, pulvinar at, wisi.