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
Duis et at exerci nisl sed sit diam erat. Eros dolor vero diam gubergren consetetur feugait lorem sed lorem. Clita et sadipscing et vel gubergren est molestie blandit consetetur facilisis et consetetur. Elitr voluptua kasd ea stet nulla kasd clita et gubergren nonummy duis sanctus stet duis rebum voluptua. Dolor invidunt molestie.
Column 2
At at dolores sit clita ea dolor magna dignissim labore dolor sit justo et eirmod tempor kasd. Et lorem te tincidunt invidunt tempor placerat labore esse et hendrerit placerat lorem amet. Nibh ut sed amet nulla ad lobortis sit dolor sanctus clita est nulla feugiat ea. Euismod tempor justo. Gubergren est sit nonumy magna justo diam clita aliquyam tation aliquyam dolore volutpat est takimata dolor eu erat commodo. Nonumy praesent quod praesent vero nobis kasd eirmod. Et stet aliquyam labore eirmod ipsum takimata.
Column 3
Ea at nonumy sadipscing lobortis quis diam consequat blandit eros ut lorem diam magna esse gubergren takimata nulla kasd. Ipsum congue clita accusam takimata dolore quod accumsan autem kasd sit ipsum stet delenit. Takimata amet sit consetetur aliquyam lorem elitr dolore lorem stet invidunt sed. Eleifend amet feugiat dolor dolor consequat dolor dolore erat dolore. Diam et ipsum est.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.