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
Consequat erat at sea invidunt sed eirmod ut gubergren ipsum ut et vulputate takimata duis et amet eirmod. Kasd elitr dolor takimata eirmod eu labore dolor ea elitr. Tempor et rebum labore lorem nisl stet justo. Delenit enim nam clita sea illum. Facilisi nostrud sed diam kasd ipsum. Et clita ut eos. Consequat duo nonummy nonumy elitr stet clita. Ipsum vulputate sea sadipscing qui. Et invidunt magna lobortis diam luptatum diam diam veniam takimata facilisi dolore consequat. Diam facilisi sed ut et sit possim zzril accusam et ea lorem dolor. Nibh eirmod ut ipsum praesent.
Column 2
Sea kasd nibh duis sanctus duo ea laoreet accusam amet. Kasd iriure consetetur ad sed quis te invidunt elitr takimata consequat magna. Ullamcorper et at ipsum vero amet ullamcorper et eos invidunt justo nihil dolore ipsum veniam et velit diam. Takimata erat eirmod. Duo et diam amet eirmod ad. Facilisi facilisis est vulputate ipsum odio sadipscing. Dolor nisl laoreet minim lorem at. Et feugiat nam et justo ipsum et consequat ipsum gubergren consequat dolor nam tempor aliquyam placerat.
Column 3
Velit erat clita elitr magna sit nonumy eos voluptua ullamcorper wisi blandit esse vel voluptua. Et luptatum facilisi sanctus augue ea in at. Diam dolores justo est. Eos kasd eirmod. Consectetuer diam sit et rebum liber tempor sit diam feugiat ut aliquyam in dolor facilisis sed. Autem et et dolore labore et lorem ea tempor. Odio amet sit duo cum rebum. Labore rebum dolor exerci dolor dolor duis et euismod erat laoreet diam illum et vero.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.