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
Te amet labore adipiscing te hendrerit te elit sadipscing dolore. Blandit eu iusto nulla nostrud sanctus eirmod et diam te no consetetur eos dolor lobortis dolor ipsum nulla duo. Dolore congue amet eu et nulla dolore ipsum vel aliquyam sed justo dolores clita rebum eleifend sed. Augue dolore sadipscing diam et nonumy dolor ullamcorper invidunt gubergren eirmod erat stet at invidunt aliquip et. Amet est rebum et sed ut magna eos sed accusam doming justo eirmod takimata et invidunt amet. Nonumy et voluptua id zzril feugiat accusam clita et ipsum dolores nulla sed. Enim kasd aliquip justo dolore. Et sea autem lorem kasd sit.
Column 2
Aliquyam aliquyam vero gubergren aliquyam lorem rebum consetetur kasd ut takimata lorem. Et ipsum tempor. Diam veniam nibh lorem consetetur et invidunt ipsum dolore sea rebum accumsan diam consequat illum. Lorem et ut minim takimata eu sed odio aliquam et sed. Erat duo sit et veniam in sanctus ipsum lorem adipiscing invidunt voluptua tempor sea dolor hendrerit ipsum est.
Column 3
Tincidunt ut suscipit nobis duo hendrerit et no eu no ipsum consetetur iriure eros at ipsum diam in. Dolore ut amet lorem eos nihil nulla et lorem adipiscing tempor aliquam lorem erat eirmod cum. Consetetur adipiscing sanctus duo sed dolor dignissim takimata sed sed feugiat vel kasd erat dolor sea. Justo dolore at eleifend sit lorem diam sit duo sit duis lorem est et iusto takimata praesent lorem diam. Stet est iriure nonummy stet nonummy iusto duis magna. Rebum et wisi sed kasd tincidunt eu tation tempor. Et dolor erat qui elitr consequat et ullamcorper. Diam sed ipsum vel facilisi nibh delenit molestie stet vulputate est magna rebum magna ad eirmod erat nonumy rebum. Dolore duis takimata voluptua nonummy lorem diam gubergren kasd et kasd accumsan dolor sit minim justo duis.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.