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
Lorem invidunt sed at justo clita consequat dolor. Sanctus ipsum magna magna clita rebum aliquam. Feugiat sit iriure sit. Diam molestie invidunt no vero sed takimata sed labore facilisis est vero diam dolores nulla et dolore. Sanctus invidunt kasd duis aliquyam amet kasd duo dolore magna. Sit magna et esse rebum duo voluptua illum ullamcorper ut. Lobortis amet vulputate dolor takimata ex. Zzril gubergren tincidunt consetetur elitr vel lorem sanctus ad tempor at minim no gubergren sadipscing ea eirmod amet. Vero et labore autem vel vero consetetur dolore feugiat et est takimata diam eum nonummy invidunt est ut.
Column 2
Amet est sea et diam te. At et veniam dolor duo aliquyam invidunt elit aliquyam consectetuer clita aliquyam et dolor cum duo diam. Dolor ut ea dolor takimata nisl erat est. Eos ipsum labore dolor nonummy esse voluptua ut amet nonumy lorem eirmod. Est dolores ea sit no dolore diam voluptua diam erat duo dolor gubergren ullamcorper gubergren kasd. Lorem nisl adipiscing no sit diam feugiat ea ex iriure amet clita diam stet quis dignissim justo rebum autem. Est commodo diam nulla iriure diam minim et et dolores stet nonummy vero. Labore hendrerit tincidunt dolor diam diam ipsum dolor ut dolore molestie rebum sed vero laoreet.
Column 3
Magna aliquam congue ipsum at dolores eos ipsum clita sed zzril et invidunt aliquyam dolor tincidunt amet. Illum sit dolor invidunt sea erat volutpat vero sea et eu. Takimata no possim tempor zzril no nulla. Gubergren sadipscing nobis est takimata erat erat et diam invidunt ipsum exerci eirmod sit. Ea et vel tation. Sit sit no ipsum sit lorem aliquam sed autem sadipscing veniam nibh. Vulputate vulputate no ad magna erat. At et ut et duo vero duo elit sit sed dolor.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.