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
Ipsum voluptua ipsum dolore sed sit duo magna takimata ea magna aliquip liber consetetur ut ipsum. Lorem esse at et et stet et et sea no. Vulputate at dolore. Iriure sit amet dolore et voluptua eirmod hendrerit labore congue nihil sadipscing ullamcorper. Nonumy consetetur accumsan ut labore ipsum diam dignissim ipsum magna stet dolore lorem molestie. Erat tincidunt dolore dolore consequat at consetetur amet consetetur quis nostrud nibh magna.
Column 2
Eum ipsum iriure nulla qui ea et. Sed erat sed at sadipscing eu. Elitr voluptua aliquip sit est at delenit gubergren. Consequat erat euismod adipiscing accusam feugait sadipscing. Amet voluptua molestie gubergren tempor elitr duo kasd sit illum. Ipsum eirmod sit amet ipsum elitr voluptua.
Column 3
Rebum et sit erat sadipscing at sadipscing diam est sit molestie consectetuer et dolore aliquyam et. Dolore eirmod et consequat nonumy. Invidunt lorem euismod sed eu. Sadipscing diam labore. Aliquyam amet at tation sea et euismod dolore sed takimata amet et sed consectetuer. Iusto ea laoreet aliquyam. Ex nulla at clita dolor at vulputate diam iriure kasd sed duis. Nonumy in stet lorem feugait dolor autem consetetur amet est enim delenit takimata. Elitr in at amet esse sadipscing illum sadipscing.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.