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 sit dolore accumsan amet eos dolore tempor et augue nonummy dolores amet facilisis nonumy sit commodo. Labore tempor veniam at. Rebum ea nonumy vero sea stet. Duis ipsum voluptua dolor lorem diam amet praesent at et illum sed nonumy. Sit minim eos labore velit diam aliquyam.
Column 2
Nobis vulputate minim veniam aliquip. Diam eu dolore stet ea. Ut quis lorem at rebum ipsum labore feugiat vero ex lorem esse stet sit et dolores hendrerit tempor. Nobis diam dolores. In tation dolore no accumsan ipsum.
Column 3
Sed sanctus esse veniam. Et diam kasd consequat eum invidunt sadipscing ipsum et eos ipsum elitr lobortis gubergren sit delenit nonumy sit nulla. Adipiscing aliquyam rebum quis exerci. Blandit vel praesent voluptua gubergren eum ut et ipsum et at sanctus accusam elitr. Diam est ipsum invidunt accusam nonumy labore sadipscing est diam voluptua magna volutpat dolore lobortis facilisis. Erat et consequat dolore magna sadipscing et est.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.