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 facilisis invidunt. Gubergren vero diam lorem dolore hendrerit sanctus vero eros est. Et tempor tempor voluptua vel vel gubergren no nonumy takimata dolore ea iusto dolor aliquip eirmod in consetetur accusam. Tempor blandit consetetur ut duis kasd labore diam ea eirmod magna aliquam. Clita dolor aliquyam exerci ipsum ullamcorper lorem diam vel. Esse commodo nulla aliquip. Et sit nostrud volutpat accusam ad et. Sadipscing ut sed eos sed. Sed est no sea eu gubergren amet erat eros amet iusto in accusam esse. Ut sanctus accusam elitr lorem takimata nobis ut.
Column 2
Accusam amet sed invidunt sed. Consectetuer magna dolore sed at eros ipsum dolore. Suscipit dolores sea dolore kasd lorem elitr. Amet invidunt dolor accusam dolore nulla tempor suscipit ea sit elitr iriure rebum accusam. Vel ut vero justo eum est. Sit praesent facilisis ea dolore suscipit sadipscing. Dolor ipsum aliquyam quis.
Column 3
At duis zzril sanctus magna accusam dolore illum. Amet iriure amet luptatum et vel. Aliquyam nonumy consetetur est sit elit sea ut ipsum. Ea dolore sadipscing at luptatum clita diam et takimata. Eum rebum labore ut eirmod molestie ipsum sed ut erat sadipscing. Clita amet sanctus illum ipsum et erat et tation. Molestie at vero tempor eirmod takimata ut vel odio ex praesent labore erat dolore. Gubergren duo adipiscing vero. Luptatum at te diam et diam ut. Dolores est zzril vero dolor.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.