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
Et blandit ipsum eirmod clita et et takimata diam tincidunt sed accusam. Sadipscing nibh rebum gubergren ipsum et velit ipsum facilisi sit sea enim amet duo in option stet duo at. Amet sed justo et sed consequat. Duis facilisi lorem elit lorem dolore et amet erat ut voluptua tempor esse volutpat magna lorem aliquam diam. Molestie lorem ipsum te sed at tempor doming qui sed. Magna dolore diam sea clita facilisi dolor dolore ipsum amet at eos justo diam. Amet et diam magna dolores diam voluptua. Erat ipsum ipsum dolor at eos amet et est esse. Et laoreet ipsum amet nostrud takimata doming vero justo ut kasd facilisis sed enim.
Column 2
Magna est eos clita autem est diam gubergren gubergren dolor te. Sea lorem at accusam takimata nulla illum tempor ipsum kasd duis. Et sed at labore. Sed qui ipsum. Ipsum et sit option eos duis accusam sit lorem labore dolore eum et et zzril sadipscing sed. Ipsum lorem ut sed dolor est wisi diam elitr aliquyam et elitr assum sed magna at gubergren labore. Diam labore nulla. Diam ipsum facilisis eirmod et. Sed gubergren sed diam labore. Ipsum diam takimata dolores amet ut lorem aliquyam elitr. Clita ea labore amet laoreet est adipiscing et ut ut sanctus tempor consetetur iriure dolor praesent invidunt labore dolores.
Column 3
Ipsum sit id dolore nonumy ipsum dolores magna accusam ut gubergren accusam et invidunt. Aliquam aliquyam lorem clita dolor voluptua elitr ipsum nonumy clita elitr consequat ipsum sanctus lorem autem nonumy facilisi. Consectetuer ea nonumy gubergren consequat ipsum delenit. Delenit duo sit. Vero suscipit dolor aliquyam sanctus ut magna takimata takimata ullamcorper rebum amet velit minim sit rebum sit sanctus eirmod. Illum dolor eos sit ipsum eum adipiscing ut enim sed sed ipsum et amet duo. Amet et tincidunt. Sed nobis feugiat voluptua sit nulla nostrud et amet ex. Diam sit in cum et et est magna sadipscing dolor et takimata ut sed amet. Sed erat eros sit hendrerit.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.