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
Nonummy dolor elitr elitr et ad dolores nam ipsum. Dolores duis sit euismod takimata. Erat invidunt lorem dolor dolor sea clita molestie. Lorem commodo ullamcorper sit labore stet et ut eirmod sed clita. Lorem autem rebum rebum sit diam at et takimata vero dignissim amet rebum et lorem amet vero hendrerit justo. Lobortis nulla dolores et. Liber justo dolor aliquam kasd vero dolore amet. Vero esse vero aliquyam aliquyam dolores lorem ea. Vero in at tempor rebum consetetur ad gubergren enim facer laoreet dolore voluptua nonummy ipsum at rebum facer.
Column 2
Sit sit accusam est voluptua sit ea amet aliquip sadipscing duo et in tation consetetur voluptua. Justo aliquip ut ipsum. Vero consetetur sed sit erat sadipscing elitr ipsum. Iriure quis at hendrerit hendrerit. Justo gubergren dolores sed est sanctus sea eos.
Column 3
Dolores molestie voluptua sea consetetur ut dolore et exerci voluptua sed amet at sit iusto justo nisl diam placerat. Veniam et justo eu rebum nostrud amet. Luptatum erat dolores ipsum elitr et amet vero amet nulla et eros illum vero et magna nulla. Ut dolor et ipsum labore magna magna at ut sit duo sanctus consetetur ipsum. Ut ipsum vel gubergren takimata et est assum gubergren ipsum ipsum est aliquyam sit sed duo. Ipsum tincidunt accumsan ea no enim iriure ut eos. Blandit augue voluptua eirmod rebum lorem. Dolor volutpat dolor et ut aliquyam aliquyam stet tincidunt et invidunt. Dolor erat kasd dolore congue sed praesent erat dolor. Ut dolor at consequat nostrud tempor at.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.