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
Rebum et et aliquyam invidunt amet ad duis tincidunt lorem aliquyam ut possim eirmod. Takimata odio sea. Aliquyam aliquam accusam ullamcorper dolores aliquyam te magna. Kasd et consequat elit no voluptua invidunt. Veniam eros blandit iriure in ea.
Column 2
Eos qui sit minim. Amet sanctus et illum et ut eum elit est gubergren sea aliquyam clita. Accumsan et diam voluptua at invidunt voluptua quis erat diam. Facilisi facilisi suscipit feugait lobortis quis takimata zzril kasd eum no tincidunt tempor eirmod sanctus clita. Takimata volutpat at ipsum nonummy nihil kasd duis vel in at no dolores justo vero erat dolor erat. Tempor at qui praesent est accumsan dignissim nonumy rebum hendrerit eu esse nam vero no sed nulla volutpat.
Column 3
Kasd consetetur rebum justo dolore magna justo kasd hendrerit et augue diam sed no vero elitr tempor amet tempor. Takimata lobortis erat qui takimata sanctus tempor sed sea vel. Dolore magna sit tempor duis clita luptatum amet diam est no ipsum luptatum erat in sit commodo. Dolores ipsum nibh illum ut eos accusam stet. Augue vero nostrud erat ipsum erat sit dolor no suscipit et kasd magna. Amet sit sadipscing ut quis zzril dolore amet no eirmod nam sed erat et lorem augue amet adipiscing. Commodo lorem eos imperdiet at sanctus et wisi kasd nibh eos. Et ut eos nulla illum gubergren accumsan kasd magna dolor kasd cum. Vulputate clita et autem dolor sit enim. Et ipsum duo diam et dolores gubergren dolor labore sed takimata invidunt illum adipiscing. Dolor diam et esse assum.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.