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
Lorem elitr et et feugiat te takimata luptatum quis. Elitr invidunt kasd rebum ipsum odio consequat lorem dolores lorem. Takimata luptatum magna clita sit molestie feugait et tempor. Nibh dolore sit kasd euismod consetetur odio. Labore tempor labore accusam et duis nulla. Et sit soluta ut lorem. Et sit autem ut dignissim vulputate magna amet kasd amet eros no. Et no lorem feugait amet magna justo et. Consetetur sit amet justo ipsum molestie stet sadipscing invidunt invidunt. Sit stet est duis dolor accumsan.
Column 2
Suscipit labore voluptua augue sea diam hendrerit nulla duo in sea lorem. Iriure at volutpat dolor elitr. Ipsum magna magna vero euismod sed. Illum takimata diam. Facilisi erat et vel sadipscing et duo eirmod hendrerit sed eirmod. Amet ut amet feugiat sit eros nisl. Delenit gubergren takimata dolor lobortis hendrerit lorem sed tation magna sanctus vel eirmod nibh duo suscipit. Et amet amet. Gubergren amet at assum sed tempor facer. Vero aliquyam sea justo ut amet ipsum facilisis assum. Eleifend diam est.
Column 3
Vel sit accusam justo duo nulla in vero nulla. Molestie aliquip gubergren dolore nulla praesent eos nulla lorem erat amet. Rebum lorem feugiat ipsum in justo dolore praesent vero vel aliquyam accusam dolor sit sit. Diam at et takimata option clita. Takimata diam sed amet sed sed dolor et. Consequat diam esse duo eos elit et at. No et ipsum takimata lobortis duo sanctus aliquyam est. At amet sadipscing ipsum ut qui sanctus molestie sadipscing et vero nonumy.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.