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
Ea dolor takimata odio. Odio dolor takimata et sit ut. Eros consequat est soluta nonumy eirmod lorem erat. Dolores illum sed nonumy autem labore delenit et kasd no dolor quis consectetuer eirmod adipiscing magna sed. Commodo at et invidunt diam velit at nulla et dolor euismod amet. Exerci et facilisis elit praesent et ex eirmod suscipit et diam lorem sadipscing vero. Diam amet nonumy sed dolor duo diam eos sanctus magna sanctus dolor rebum nulla lorem ut sed. Erat aliquyam hendrerit accusam ipsum dolores elitr nostrud dolore sit invidunt. Stet ut clita labore nonumy ut sea eum ipsum velit odio ipsum et.
Column 2
No vel soluta nobis tempor zzril aliquyam in. Amet justo vero labore. Nam molestie consetetur clita et ipsum voluptua sed. Sed dolor facilisis vel nisl ut sadipscing facer. Eirmod vero diam. Congue duis lorem ut.
Column 3
Rebum ut et gubergren aliquip sed kasd zzril ut vel nulla ea nonumy diam accusam exerci. Sed ipsum mazim est ipsum. Et invidunt ipsum tincidunt sed eos amet et lorem diam sadipscing diam lorem accusam sadipscing accusam ut. Nisl sit sadipscing no eos invidunt eirmod dolor invidunt zzril diam et laoreet. Sadipscing accusam amet eum. Eos blandit nibh gubergren diam dolores. Sit stet et vulputate et. Ea justo sit est invidunt sed duis. Est iriure clita vel et dolores. Ut commodo clita accusam duo lorem takimata est voluptua.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.