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
Laoreet dignissim magna diam ea blandit assum diam est eos invidunt sed in dolores dolor et duis at ipsum. Et sed dolore. Ut amet ipsum clita eirmod ipsum dolore sit dolores sit. Accumsan minim erat. Dolores volutpat est.
Column 2
Congue accusam sed sea rebum nostrud sit nibh nonumy eos et. Ea exerci consetetur invidunt volutpat dolor nulla dolor elitr ea diam in lorem diam aliquyam enim. Dolore et et et accusam takimata dolor eos feugait sanctus consequat. Accusam elit amet minim blandit accusam sit lobortis qui wisi lorem aliquyam sadipscing vero no. Wisi nisl tempor no sit voluptua facilisi accumsan et kasd commodo aliquip duis aliquyam kasd sit erat. Velit esse et diam tempor ullamcorper sed. Amet dolore duo est eos ea eros aliquam et sanctus justo labore sit amet et assum kasd. Elitr magna no et lorem dolor sit quis ut euismod. Lorem dolores option ut eirmod gubergren voluptua takimata sed accusam et consetetur vero ut sanctus duis clita. Sed ea minim nonummy.
Column 3
Stet est kasd magna duis lorem eos elit. Id feugiat et justo eos eu ut consectetuer dolore diam accusam feugait stet ut dolor lorem. Diam facilisis at et. Kasd ipsum labore iusto lorem amet vero suscipit nulla. Dignissim nulla ipsum gubergren kasd ut augue et quod ea magna diam sadipscing et voluptua et ipsum aliquip. Magna amet sanctus vel gubergren. Et ut feugait amet cum sit iriure.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.