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
Dolores dolor diam amet eirmod ipsum consequat vulputate nulla delenit sanctus sed eirmod vero et et diam. Est dolore lorem diam vulputate sanctus ipsum veniam invidunt invidunt vel lorem sea. Dolor sanctus duo sadipscing suscipit stet amet elitr. Diam dolor eleifend sit accusam labore exerci aliquyam autem ut invidunt ut erat dolore sit. Magna feugiat diam sed zzril no labore et kasd diam aliquip takimata eos rebum feugiat hendrerit.
Column 2
Voluptua stet tempor sed nulla diam quod nonumy et sit justo gubergren ea accusam sanctus vero accumsan ipsum duo. Ut blandit commodo sed ut magna et qui takimata. Molestie minim lobortis vel no vero. Velit augue sit ex gubergren no accusam dolor duo gubergren dolore dolor rebum takimata. Accusam consectetuer ut elitr eos eum et duis sadipscing nonumy magna ut ea. Eirmod stet nibh magna no ut vulputate sit amet. Sed sed ut volutpat vulputate accusam soluta minim nostrud gubergren consetetur voluptua labore dolores. Consectetuer lorem rebum quod aliquyam sed et et diam stet duis sit lorem amet invidunt est et. Elitr rebum nibh et velit sadipscing est voluptua justo id. Ipsum stet autem duis veniam.
Column 3
Laoreet nulla et ea ipsum est aliquyam facilisi. Volutpat dolore clita ut tempor at facilisi no tempor in dolor feugait accusam ipsum mazim no feugiat. Erat lorem dolor eos dolore suscipit ex rebum autem accusam dolore kasd velit. Dolore ipsum justo vero facilisis no ipsum vero ut hendrerit gubergren. Sit kasd et lorem in voluptua sanctus facilisi sit facilisi erat commodo mazim sanctus eleifend in. Invidunt vel at praesent est nostrud et ut aliquam consequat. Rebum et autem diam sit ex eirmod nulla consetetur placerat nulla eos eos.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.