Floating Content
Many current implementations in HTML make use of responsive designs. The challenge is to try and replicate this HTML into the printed page. The trigger here is the float element. We will start with an easy example, how about replicating a drop-cap.
Now, a slightly more complex design that one would expect from a javascript solution like Twitter Bootstrap would appear like this.
Column 1
No dolore justo labore stet amet. Vero possim gubergren delenit rebum sed dolores sed feugiat lorem duo vero dolor et. Nulla duo tempor iriure aliquyam in sanctus at vero dolor feugiat. Kasd erat sit eleifend tempor dolor zzril et voluptua. Lorem justo consetetur sit dolore invidunt. Erat ea consetetur sit duo qui dolor lorem. Kasd laoreet et rebum invidunt invidunt invidunt ullamcorper sanctus erat magna sit.
Column 2
Consequat clita consequat tempor molestie velit luptatum vulputate feugait invidunt sed et dolore. Et kasd vero lorem dolor et dolore at amet nonummy accumsan stet dolore takimata nibh ipsum est. Invidunt ipsum nulla. Labore autem et clita vel. Et ut labore dolor est dolor lorem at qui ea. Iriure rebum duis amet ipsum stet accumsan lorem sed sea. Magna cum eirmod amet gubergren at nibh. Dolores nonumy illum elitr sea. Clita erat no no praesent dolores. Diam sea vulputate esse magna delenit dolore ut sea vero facilisis amet sed lorem lorem. No kasd nulla invidunt velit.
Column 3
Sit et ex eu sed labore zzril sed te diam hendrerit sed sit kasd. Et aliquyam amet kasd sadipscing nulla sea et option kasd feugiat at lorem dolor invidunt feugiat minim at. Autem et autem ut sed dolor diam ipsum ea no eirmod stet et facilisi dolor dolore justo at. Tincidunt blandit tempor ea est justo sed gubergren eu nonumy. Gubergren voluptua dolor invidunt accusam elitr labore amet et. Dolore consetetur tempor dolores tation dolore minim dolor vel.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.