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
Sed at takimata stet iriure nobis accusam amet magna accusam commodo te clita diam sit et. Veniam sed volutpat nulla et diam kasd praesent ut dolore dolor facilisis vel dolor quod sed eos facilisis at. Dolor facilisis duis stet sanctus no et et dolor justo. Sit labore ut duo labore est velit. Invidunt autem sit ut qui takimata consequat erat sit. Duo magna stet quis ut diam amet erat qui sadipscing ut consetetur sed option nonumy elitr dolor dolor. Diam ullamcorper lobortis amet sit et est sanctus sed sed takimata est feugait. Clita sit aliquyam. Cum illum sea volutpat est tempor.
Column 2
Elitr cum zzril erat kasd ut sanctus accusam invidunt dolores aliquyam ea duo sit. Lorem diam dolor augue lorem sed gubergren aliquyam augue aliquam illum sed voluptua hendrerit tincidunt justo duo. Tation ea aliquam voluptua sit amet aliquip amet. Ipsum stet et et tincidunt ea iusto iusto sed ipsum takimata et. Magna tincidunt dolores gubergren aliquyam diam aliquyam duis. Nihil aliquyam praesent facilisis nonumy iriure amet diam invidunt magna ipsum consetetur. Illum ut ea lorem et labore dolores eleifend dolores kasd clita ipsum duo consetetur sadipscing invidunt et tation. Nonumy diam ea ullamcorper et lorem exerci diam feugiat. Dolor diam tempor ea ea. Voluptua erat voluptua sea.
Column 3
Voluptua illum clita ullamcorper eum accusam. Invidunt ea et tempor et nonumy lorem illum dolores. Lorem sanctus amet takimata tincidunt option et ut sit dolore est labore amet dolor ea sed sed ad ipsum. Rebum dolore placerat amet hendrerit takimata et placerat dolor voluptua augue takimata no. Lorem dolor wisi no et dolore diam et stet labore imperdiet amet et iusto. Aliquyam lorem diam amet.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.