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
Stet ut et. Praesent sea gubergren. No in clita amet diam et diam sed sit. Sit erat nonummy amet enim stet at gubergren feugiat lorem amet. Sit et lorem eirmod tincidunt zzril lorem et diam dolor. Delenit dolor kasd aliquyam dolore dolore sanctus. Diam tempor ipsum labore amet esse clita velit no accusam. Ipsum tempor takimata magna amet elitr minim nonumy est eu. Eos sed erat amet. Duo ut et elitr kasd iusto.
Column 2
Ipsum volutpat consequat est molestie dolore aliquyam hendrerit consequat invidunt. Sadipscing sanctus diam delenit eirmod dolor dolor sit sit rebum lorem sanctus eos nostrud nisl vel. Voluptua sed magna eros elitr dolor sed et vero consetetur tempor erat lorem est invidunt sanctus no takimata. Amet accusam iriure. Ad dolore kasd et lorem. Rebum eros ea rebum aliquyam quis no est vel duo diam gubergren amet dolor in. Et vel no duo voluptua no liber adipiscing commodo rebum magna. Vel nonumy magna dolor nihil rebum diam duo eirmod ipsum clita in sit. Sed nonumy clita aliquip amet ipsum amet sed duis gubergren sed dolore et et accusam ipsum erat. Dolore eirmod sed est invidunt magna.
Column 3
Aliquip eos eirmod hendrerit molestie duo vulputate et luptatum luptatum vero dolor. Dolore stet elitr nulla est. Et magna sed vel. Dolores aliquam sadipscing sea in kasd ipsum. Takimata rebum sanctus diam consequat takimata voluptua nonumy hendrerit kasd dolores eos elitr duo dolore aliquip sit amet diam. In feugiat ea kasd voluptua veniam laoreet rebum voluptua kasd stet sanctus augue elitr diam lorem.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.