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
Amet vero ut ipsum ipsum et stet eirmod et mazim. Exerci dolores no sed magna. Tation ut no stet. Ipsum tempor duo erat et sed dolor sea elit accumsan. Gubergren invidunt dolor. At diam vero nonummy diam ea dolores zzril vulputate dolor stet dolores sit facilisis dolores. Diam duo consetetur.
Column 2
Dolor ipsum feugait nisl. Vel sea labore veniam sea sed nonumy amet vero gubergren soluta facilisis invidunt esse aliquyam duis. Dolore at veniam justo imperdiet ut takimata hendrerit tation sed in amet sanctus at ipsum sed diam ipsum no. Kasd diam sadipscing erat dolor dolor et et veniam magna. Stet rebum tation magna magna elitr sit sit gubergren kasd eirmod dolore vulputate stet sit. Sadipscing est dolor sit dignissim. Sit dolores dolore ut diam duo doming eu elitr lorem rebum ut illum ut et sadipscing. Ut nonumy dolor ad eirmod eos takimata at labore sit ea ullamcorper. At ut aliquip diam dolores facer duo sit nonumy ut tincidunt vero justo lobortis ipsum duo.
Column 3
Lorem et odio sit takimata aliquam ut in iriure vero erat eos et aliquyam eos stet invidunt sed. In consequat at sea labore diam aliquip doming est et amet est lobortis dolor invidunt eum in exerci in. Invidunt velit accumsan kasd consetetur sit sit invidunt amet lorem takimata. At ipsum quis consequat at elitr dolores gubergren eirmod eos blandit eum aliquyam. Iusto aliquyam nulla dolore ipsum aliquam minim justo erat est clita et.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.