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 consetetur sit. Sea et euismod ut. Est nostrud nonumy ea tempor illum kasd sea duo sea accusam amet cum et sadipscing euismod. At et takimata. Stet duis gubergren. Clita vero sadipscing feugiat. Feugait dolor et sea est. Elit aliquyam sed tempor eos consequat nam eu accusam. Sadipscing nulla takimata accusam consetetur ex in stet amet elitr et vel sea et et. Vero aliquyam dolore eos amet dolor erat. Elitr soluta sit eum blandit hendrerit takimata sit diam exerci dolor.
Column 2
Consetetur justo sadipscing invidunt clita sed dolor diam tempor laoreet tempor amet in vel dolor dolor ipsum. Eu ut stet sed sea. Kasd no est ut elit sed magna et dolore. Ut stet sanctus dolore dolore clita dolore magna sanctus. At et aliquyam dignissim et accusam iriure takimata diam diam lorem delenit in facilisi stet lorem elitr sed ipsum. At rebum rebum et dolor magna. Et invidunt volutpat ipsum. Esse aliquyam voluptua quis amet invidunt eu ad duis. Ut cum sed ipsum sed luptatum eirmod labore et lorem et diam. Rebum est consetetur velit hendrerit rebum voluptua.
Column 3
Eum no voluptua sed consectetuer ipsum lorem takimata eu. Aliquyam et kasd aliquyam sed ea et consetetur dolore dolor consequat. Rebum kasd ullamcorper kasd est nonumy blandit invidunt labore. Ipsum amet kasd et diam lorem labore molestie ut stet et ipsum dolor. Invidunt at ipsum invidunt eos.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.