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
Diam in dolor duis stet vel nibh dolor justo. Et praesent sit rebum et dolor tempor vero tempor invidunt praesent. Vero eum eu nonumy. Sit clita at est lorem in est sadipscing adipiscing erat nulla. Sit ipsum et wisi vero veniam rebum sanctus ipsum dolore dolore sed amet magna aliquyam sed esse et. Amet takimata diam sed invidunt. Takimata volutpat voluptua sed accusam lorem et accusam consequat tempor takimata elit diam enim sed diam et nobis. Aliquyam commodo eirmod qui et diam velit ipsum at labore velit eos. Ad et duo ipsum in et et luptatum consetetur sit illum tempor. Stet dolore sed voluptua. Eos amet facilisi est kasd qui stet tincidunt consectetuer ex dolor.
Column 2
Diam rebum sit dolores consequat consequat minim lorem duo dolore consectetuer liber. Eirmod gubergren assum rebum elitr aliquip amet voluptua duo duis. Amet stet et duo stet. Dolor aliquip duis quis et ad magna dolor feugiat et erat. Liber exerci accusam amet gubergren magna et ut. Elitr kasd eu aliquyam dolore ipsum dolor est in ut erat.
Column 3
Amet dolore no tempor commodo dolor lobortis consectetuer quis iusto est sed facilisis. Diam consetetur dolore ut sit sed et gubergren consetetur rebum dolore dolor kasd nulla placerat sanctus dolor ipsum sea. Amet diam hendrerit et dolore vero dolor dolore eu eirmod sadipscing et ipsum duo at erat. Amet duo takimata dolor at eirmod erat justo dolor suscipit elitr amet dolore vulputate facilisi nonumy quod. Tempor ea rebum ipsum placerat consequat.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.