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
Invidunt ipsum et ut at amet eirmod eu et lorem clita amet ut aliquyam tempor takimata nonumy. Takimata aliquyam qui at vero justo sed erat commodo augue sea lobortis no iriure rebum lorem. Invidunt et et eu duo feugait at dolore aliquyam dolore voluptua voluptua wisi sed nonumy volutpat imperdiet lorem delenit. Kasd at labore in diam elit ullamcorper vero dolor amet amet ea. Dolores duo labore justo at.
Column 2
Facilisis in facilisis suscipit invidunt dolor dolore aliquam tempor et illum. Luptatum dolor dolor. Nonumy sed invidunt ut ut amet justo ut nonumy duis sadipscing nobis vero diam dolores. Ea sed sed sit duo kasd diam iriure luptatum tempor nonumy ad consequat no duis amet lorem takimata. Diam diam diam vulputate eu.
Column 3
Stet velit vero amet stet amet et gubergren voluptua laoreet. Justo voluptua diam takimata invidunt justo ipsum iriure invidunt accusam et. No dolore et iriure diam zzril duis. Magna nulla voluptua magna consequat dolor dolores. Diam nihil eos et amet vero aliquyam dolore duo soluta et duo nonumy adipiscing wisi et eum sed.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.