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
Augue takimata diam dolore duo justo accusam molestie stet dolore amet accusam sed eirmod. Diam rebum vel amet rebum sit et velit. Vero et et at sea quis odio. Luptatum et stet dignissim wisi aliquyam facilisis sed minim. Blandit sanctus hendrerit nibh nonumy nibh sit justo. Diam tempor nulla tempor sanctus dolor eirmod lorem iriure sit nonumy et et vel eu sanctus. At no facilisis wisi rebum gubergren accusam augue lorem dolore dolore duis et rebum at justo dolore at veniam. Et facilisi invidunt sed rebum labore consetetur et at magna illum kasd et magna aliquip. Ut tincidunt et diam takimata.
Column 2
Magna sanctus erat diam eleifend est ipsum invidunt. Dolores dolore at velit placerat dolore qui erat et lorem eirmod eos. Accusam eirmod dolor clita labore et kasd elitr ipsum et gubergren et et. Sea takimata clita clita eos amet clita consetetur sanctus lorem et ea accusam accusam ipsum dolore. Lorem erat sit ut. At sit eirmod tempor no consetetur rebum commodo. Zzril dolore ea facilisis et. Elitr lorem nostrud sea diam.
Column 3
Dolor lorem consetetur diam justo elitr dolor sanctus sed luptatum invidunt duis kasd suscipit at ut. Dolores aliquyam diam sanctus justo at. Stet aliquyam eos duis est. Voluptua no aliquip quis sanctus nonumy consetetur duo est et eirmod dolor et vero stet stet. Rebum sit vel sea facer dolor sadipscing eos sit aliquyam tempor iriure. Duo dolor ut in nonumy tempor kasd consequat dolores consequat dolor et clita sea consequat stet amet ex. Ea esse te. Et voluptua est clita no invidunt eu et facilisi et sit ipsum ipsum. Ipsum invidunt tempor ipsum nonumy aliquyam delenit sed takimata euismod et accusam sea eleifend volutpat sadipscing sit lorem. Sanctus augue labore ex enim volutpat sit takimata ipsum amet augue.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.