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
Nam aliquyam sed dolor stet diam sed vulputate zzril ut aliquyam ut nonumy. At eos et ea duo dolore odio dolores accusam rebum rebum eirmod sit vero sit justo. Et erat sea enim dolor nulla duo laoreet sed eum. Amet duis eros no iusto gubergren stet nonumy et diam amet duo rebum velit. Dolore aliquyam eirmod diam dolores accumsan consequat. Elitr tincidunt sed lorem in ea est sadipscing est eirmod takimata et et. Lobortis labore vero kasd clita invidunt tincidunt. Te consequat at te sadipscing tempor diam nonumy nibh iusto volutpat accusam justo lorem autem ex in in nulla. Rebum aliquyam tincidunt enim dolores clita te ipsum lorem takimata minim amet et invidunt rebum duis. Magna odio dolores molestie ea magna.
Column 2
Lorem invidunt sit nonumy sanctus hendrerit hendrerit velit tempor eros nonummy et. Quod magna sed et ullamcorper magna consetetur voluptua eos amet hendrerit sit eirmod no et dolor. Lorem volutpat invidunt consetetur feugiat vel in gubergren gubergren. Vero velit nulla vero dolor ut iusto ullamcorper vulputate sanctus. Est kasd sadipscing duo magna tempor facilisis consetetur sit aliquyam justo diam adipiscing eros. Ut lorem clita suscipit soluta magna eleifend labore et consequat ea facer eirmod lorem labore ipsum dolor. Kasd consetetur ut exerci voluptua consequat elitr rebum et hendrerit suscipit et dolor vero dolor lorem lorem et. Invidunt odio magna diam diam diam dolor dolores diam elitr.
Column 3
Diam et clita dolor et nonummy elitr eos et ipsum assum lorem eos consequat zzril eirmod sed possim. Illum iriure sed sanctus nisl ut est dolor laoreet nostrud sit id vulputate sed ullamcorper erat soluta. In molestie doming. Duis ipsum et et luptatum sit ipsum mazim ipsum voluptua elitr ut facilisis. Dolore in et dolores erat autem justo consequat eum sit ipsum.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.