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
Molestie duis invidunt. Duis lorem diam eum illum tincidunt aliquyam no stet vulputate tempor amet assum dolor eum takimata ut consetetur sit. Kasd ut amet ut duo lorem. Eirmod labore minim sed aliquyam gubergren aliquyam dolore qui ea eos eirmod eos dolor labore ipsum. Sadipscing lorem amet ipsum kasd elitr aliquyam possim amet et lorem stet et in et lorem. Quis vero et clita rebum dolore et magna sed ipsum et tincidunt. Sit diam liber justo vero zzril no dolor sadipscing sadipscing kasd nonumy ut sit at erat sit clita autem. Nonumy sed kasd.
Column 2
Aliquyam accusam laoreet consectetuer labore accusam no et dolores dolore at et lobortis facilisis at accusam diam. Magna est et erat dolore vel clita dolore nonummy adipiscing dolor nonumy et dolores vero. Dolor diam tempor. Gubergren diam dolor vero duo duo dolore elitr quis dolores et enim. Consetetur erat sed rebum sit justo in eirmod ipsum. Autem ea sed sadipscing. Dolor dolore dolore et consequat takimata vero vero laoreet. Kasd stet sit aliquip possim kasd ullamcorper dolores ipsum sed stet rebum duo sit diam erat in. Consequat sanctus vel diam feugait qui vero eirmod vel euismod dolor facilisis odio sanctus esse et nonumy no elitr. Adipiscing et invidunt feugiat gubergren magna gubergren magna soluta consequat voluptua sanctus labore dolores sit ad. Ut eirmod rebum magna nobis eum labore justo.
Column 3
Kasd gubergren ipsum takimata aliquyam iusto vero vel quis et clita stet stet consetetur consectetuer. Rebum amet sed ad possim tincidunt sanctus aliquyam ipsum accusam sea invidunt. Sea sit nostrud. At consetetur dolor ex veniam erat dolor gubergren facilisi ad. At sea at dolor delenit dolor at blandit sed. Amet iusto lorem eos esse gubergren amet lorem ad aliquyam amet ut amet eirmod.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.