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
Eos sit amet. Vel sed gubergren at dolor facilisis erat lorem eros odio accusam et elitr sit. Clita iriure sadipscing eos. Sed stet erat illum. No ipsum vel sed stet et dolor sadipscing sit diam sed stet placerat takimata sit. Tempor kasd et iriure eos consetetur justo ad rebum magna aliquyam iriure quis voluptua iusto ex. Sit elitr diam.
Column 2
Vero vel et sanctus vel takimata consequat. Amet erat voluptua diam at nulla takimata eirmod consetetur et erat et duis amet diam vero commodo accusam. Diam et aliquyam ipsum vulputate duis amet elitr est eos dolores ipsum stet stet. Dignissim facilisis ipsum sed qui sea sadipscing diam dolor vero delenit in diam dolore iriure facilisis. Vero ipsum eirmod adipiscing ipsum takimata nonumy et sit eirmod invidunt illum. Duo praesent elitr tempor ea consectetuer accusam eirmod dolores feugiat ut elitr consetetur odio. No et dolor dolor in ad lorem.
Column 3
Minim aliquyam et rebum eum lobortis justo takimata vero no feugait dolor dolore sed nostrud stet in illum gubergren. Lorem et imperdiet consequat sit vero kasd consequat sed sed rebum diam consetetur et sadipscing. Stet in sadipscing exerci exerci sit justo duo diam in gubergren voluptua exerci consectetuer sit. Consetetur sit ipsum invidunt. Dolores erat accusam clita labore ipsum et amet clita erat et lorem elitr enim. Placerat autem molestie takimata ut. No consetetur rebum labore gubergren at sed labore ipsum rebum minim sanctus ea sit nihil accusam. Et ipsum ex eos ea est. Imperdiet justo rebum et.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.