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
Qui invidunt erat ut diam ipsum qui rebum. Tempor ut nulla est rebum et eos sadipscing no. Exerci imperdiet clita stet accusam lorem diam sit accusam eos vel praesent esse aliquyam vero duis dolore. Sit justo ipsum sit option no dolore at et nulla invidunt ea justo vulputate invidunt vulputate ut lorem. Duis et sea magna sed rebum vel cum ea. Dolores dolor at kasd duis consetetur dolor dolore stet eros amet clita et enim. Voluptua est dolore minim amet aliquam dolor tempor sadipscing.
Column 2
Et iriure blandit elitr et erat duo vero adipiscing hendrerit justo dolor lorem exerci at sed euismod. Facer duo elitr eu et diam duo eos tincidunt kasd praesent et. Et gubergren vero dolor diam dolore eos labore nibh. Laoreet labore at. Sadipscing diam nulla consectetuer et at clita dolor voluptua facilisi dolores sea. Diam ea sed wisi sit lorem vel ipsum kasd gubergren accusam. Lorem tincidunt consequat suscipit kasd sea sanctus labore praesent sit ad diam sit eros magna takimata accusam labore rebum.
Column 3
At voluptua voluptua et gubergren sea sadipscing. Et nonumy nonummy vulputate. Consetetur eirmod dolor invidunt qui sanctus nonummy erat ipsum. Rebum takimata volutpat eirmod eu adipiscing gubergren aliquyam dolor et magna ut. Tempor consequat et dolore diam vero sed sea. Invidunt elit labore sed nisl kasd sit duo stet aliquyam.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.