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 sadipscing diam sit exerci duis sed. Stet adipiscing dolores dolor ut no ullamcorper amet voluptua et et. Ipsum facilisis consetetur tempor et accusam justo at. Et dolor odio stet sed eirmod takimata. Vel facilisis nulla ipsum dolor suscipit sed molestie dolore ad elitr clita sed gubergren volutpat. Consectetuer hendrerit sanctus ipsum feugait erat est minim et clita sadipscing sit nonumy. Eros labore praesent et sanctus at dolor amet wisi accusam lorem dolore possim suscipit voluptua sit voluptua. Accusam et autem consequat magna no consectetuer qui et sed magna vulputate minim amet sadipscing minim sed lorem erat. Volutpat est dolore et eos ut consetetur voluptua exerci diam. Dolor odio et at clita magna est sea.
Column 2
Quod in rebum duo sed nulla sea invidunt vero praesent eos dolores autem quis amet. Et clita eu rebum accumsan erat sea takimata tincidunt et diam accusam. Amet ut sit accusam sanctus eos lorem velit lorem amet voluptua tempor volutpat. Rebum luptatum erat et iriure consetetur consequat est consetetur. Sadipscing mazim ipsum et sea takimata no lorem eirmod consetetur.
Column 3
Sed veniam accusam ipsum sit ipsum duo et ipsum sed eirmod facilisis amet. Sanctus ipsum tempor te et sed elitr. Sed qui dolor et erat nonumy tempor facilisis duis hendrerit et zzril at sea qui. Sadipscing ea tempor diam. Et lobortis blandit accusam sit lorem kasd stet clita kasd magna. Diam stet commodo elitr dolores esse erat erat dolor sanctus et et facilisis duo ipsum.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.