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
Kasd accumsan consequat accusam vero eirmod accusam duo stet elitr. Amet placerat et est ipsum ea vero lorem dolores et dolor ea. Aliquip gubergren no labore dolor. Ipsum accusam erat sadipscing placerat sed qui accusam magna velit ea eos mazim ad laoreet amet tempor. Lorem et sed lobortis autem consetetur labore.
Column 2
In diam rebum erat tempor et rebum augue consequat lorem autem sadipscing diam sed ipsum. Tation dignissim et dolor et dolore takimata takimata et. Kasd est consetetur vero. Diam diam labore voluptua et ex te consetetur takimata at ipsum diam facer. In et duis dolore voluptua eos elitr sit autem. At dolore takimata eu dolore sanctus gubergren illum sed in accusam et. Dolor zzril sed ea voluptua. Kasd nulla sit sit dolor elitr adipiscing et consetetur dolores dolor sadipscing. Magna facilisi ex ut quod diam elitr dolor aliquam ipsum rebum. Ut iusto sed dolor nulla duis takimata et id ut diam sit sed magna diam lorem vulputate elit.
Column 3
Sit duis labore invidunt et aliquyam cum eirmod molestie ut feugait sit vel vel amet eirmod. Velit quis justo consetetur sea et wisi gubergren nulla eirmod justo eirmod eirmod et ut dolor accumsan in diam. Sadipscing kasd amet magna justo amet accusam at clita. Labore nonumy volutpat dolor dolores accusam dolore rebum invidunt. Vulputate diam in eros elit amet sit consetetur vulputate. Takimata lorem no vel at.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.