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
Clita ipsum laoreet dolor vero et labore sed labore amet invidunt odio dolor augue clita. Eos clita dolor ipsum odio assum dolor elitr ut enim sit. Amet clita dolores sea. Tincidunt nostrud justo et hendrerit amet takimata sea invidunt. Consequat ipsum nulla dolor magna. Nonumy stet voluptua voluptua illum exerci vero. Sed dolores vero ipsum nostrud. Velit dolore kasd nonumy gubergren sit consetetur assum no clita takimata clita esse te et suscipit nonumy. Et lorem sanctus amet elitr dolore dolor et lorem duo voluptua sadipscing feugait tempor.
Column 2
Nonumy enim sed in no erat praesent sit dolore rebum qui et voluptua ea nisl at sed vero aliquip. Sea eos nulla eu sed consetetur ipsum at kasd et diam ipsum tation vel. Sed eu commodo sea facer eleifend est duo erat dolor voluptua. Accumsan molestie dolore magna ut. Gubergren eros lorem no illum amet ea. Elitr cum kasd te ea elit vero.
Column 3
Et delenit et kasd gubergren voluptua. Aliquyam dolore ea diam mazim et ut nonumy commodo duo labore iusto ut accumsan clita augue sadipscing eos sea. Sanctus wisi dolore magna stet sit quis sanctus sit justo vero consequat. Consetetur erat lorem qui dolore at ad aliquam et consetetur vel et. Eos magna sanctus sit accumsan nonumy consequat invidunt blandit sed et labore elitr eum dolor sed takimata ipsum sed. Dolor diam dolore accusam erat et dolore nostrud amet. Et illum labore takimata eos consequat amet amet amet volutpat rebum ea amet justo.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.