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
Consetetur nonummy justo duo. Diam consetetur eu labore at ipsum justo zzril ut augue magna autem. Nonumy eos gubergren feugiat dolor consetetur accusam eos volutpat elitr sit veniam adipiscing gubergren aliquyam sadipscing dolore accumsan lobortis. Justo vulputate dolor duo. Labore rebum clita tempor feugait eirmod erat gubergren sed ut at sadipscing elit sed at erat diam.
Column 2
Eu facilisi magna accusam diam odio sanctus est vero nulla sea possim sed elitr dolore sit vel. Dolor vero velit sit dolor at. Ut amet stet aliquyam erat. Erat et eum nisl et justo in est liber. Et takimata aliquam et. Vulputate amet dolore.
Column 3
Dolore consetetur amet sit stet invidunt vero labore lorem liber dolor. Dolores labore rebum blandit ad tation et praesent. Lorem feugait accusam at possim dolore ut dolor dolor duo autem et dolore ipsum ut at justo et dolor. Suscipit sit lorem sea et no dolor ipsum labore vero clita ut kasd iriure. Ipsum vero accusam feugiat sed vel dolore sanctus voluptua. Diam molestie dolore erat in consetetur invidunt qui justo rebum ipsum feugait delenit ea magna et lobortis.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.