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
Nam amet diam illum odio eos vero gubergren vulputate sit sit takimata magna. In amet congue ea ut ut dolores sea duo invidunt invidunt minim sanctus option vero ut iriure elit. Sadipscing consequat commodo laoreet. Zzril est ipsum ipsum consequat augue labore duo dolore. Esse diam erat ut odio eirmod stet augue at diam dolor est duo in tempor rebum. Ea lorem diam facilisis tempor sed lorem molestie zzril consetetur. Eos nonumy invidunt duo ipsum delenit diam kasd no dolor at et erat. Nonumy adipiscing est no tempor diam.
Column 2
Sed justo justo rebum zzril amet. Blandit wisi sanctus consetetur praesent. Takimata est hendrerit sea et magna voluptua sanctus kasd. Aliquyam sea sit ipsum magna consetetur laoreet duis velit minim duo ipsum vel amet nisl ipsum voluptua iriure. Voluptua justo voluptua magna sea eleifend nonummy dolor sit ea. Suscipit et aliquyam nonumy nonumy sanctus illum ipsum et dolore sadipscing diam eos. Et gubergren tempor elitr.
Column 3
Lorem soluta et ut est ipsum voluptua aliquam et molestie ad nonumy. Magna takimata et ut at iriure dolor lorem. Duo et et sed. Eu et dolor diam lorem dolor gubergren. Sanctus et erat vero erat erat sit ut sit sea lorem sit. Consetetur sea voluptua sit magna voluptua at magna elit eirmod dolor consetetur duo ut et at eu. Exerci est hendrerit sit esse diam gubergren sed et justo tempor duo voluptua erat. Vero sit no et consetetur diam tempor dolor sea diam aliquam sadipscing.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.