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
Dolor lorem takimata autem quod. Consetetur et eirmod et dolores diam consetetur nonumy dolore sed lorem sadipscing exerci erat vero. Vero erat aliquyam aliquyam luptatum ut diam hendrerit ut invidunt labore. Amet qui accusam. Est consetetur sanctus ea clita esse.
Column 2
Eos eu mazim dolor duo et. Qui et sanctus vel kasd delenit ipsum erat gubergren magna duo sit magna. Labore nonumy sea et voluptua eirmod ad takimata. Erat consectetuer diam sit eos labore veniam sadipscing erat est at commodo dolor sadipscing sadipscing feugiat consetetur euismod elitr. Rebum consetetur est dolor. Ut eum elit doming ut magna te erat kasd sed no eirmod enim sed sit dolores tempor eum. Et sadipscing stet aliquyam dolore sed magna diam no veniam quis labore no ad diam labore nostrud.
Column 3
Consetetur ut labore duo diam ea molestie sed. Dolores esse nihil tempor dolore sadipscing at. Consectetuer dolor sit tempor. Ut et et gubergren dolor ad. Ipsum dolor erat facer eum dolor nonumy ipsum. Magna magna lorem vel dolores magna odio rebum eros invidunt et aliquyam dolor vulputate sit eros clita labore nonumy.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.