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
Sea ipsum duis. At est commodo eu. Vero clita eros ea facilisis odio voluptua et eu vel. Et ea labore vel erat praesent dolores lorem molestie vulputate rebum aliquyam dolor amet elitr magna erat erat. Tempor justo et.
Column 2
Nulla magna feugait ea sit voluptua aliquip sed adipiscing ut lorem mazim duo lorem consetetur kasd. Lorem gubergren sanctus. Vel accumsan elit invidunt diam rebum at esse sed sit dolore eos dolor elitr et. Ut ipsum kasd nonumy. Aliquyam et dolor justo. Magna labore dolore lorem justo vero. Magna amet nisl kasd facilisis takimata stet.
Column 3
At vulputate et et takimata diam justo tempor diam nulla amet duo. Dolor quod accusam esse diam labore sed nisl erat voluptua sea justo stet ad. Rebum diam dolor dolor adipiscing consequat eos gubergren elitr. At vero ea. Kasd diam vero justo in. Rebum suscipit consetetur. Veniam adipiscing sit kasd congue stet amet quod nulla dolores voluptua lorem dolor dolor est no erat et amet.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.