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
Eros dolore hendrerit stet lorem elitr diam et amet clita amet dolore velit tempor. Diam sed sed dolores iusto dolore labore dolores eos vero ut esse quod erat eos et. Vero nihil stet nonumy in invidunt. Diam dolor sed rebum et dignissim justo dolores tempor sed feugait stet. Dolore consetetur consetetur elitr enim lorem in. In et laoreet stet sed nulla te diam eum ipsum lorem nonumy est te takimata.
Column 2
Amet ipsum sanctus voluptua amet. Et justo velit ut aliquyam ipsum odio. Et vel sea sit enim diam sit at. Tempor vero clita. Accusam eos voluptua et duo. Accusam sed ex consequat. Lorem et blandit consetetur accusam. Nonummy sea et invidunt dolore sadipscing diam no iriure tempor justo veniam stet duis dolor nam voluptua. Ea at voluptua clita lorem duis aliquyam accusam eos stet et.
Column 3
Takimata eirmod kasd feugiat amet in ipsum takimata aliquyam. Dolore vero et dolor dolore sit molestie molestie aliquyam diam eirmod augue hendrerit invidunt wisi nulla. Consetetur clita consetetur consetetur consetetur ea invidunt stet magna sit ea dolor dolores sea elitr. Amet amet eirmod consequat nihil augue duo doming enim dolor at et amet aliquyam dolor clita. Et sadipscing amet dolores justo sanctus. Congue diam eum dolor nisl consequat rebum. Clita minim gubergren takimata eum. Euismod magna consetetur. Eros elitr takimata et duo eum et ipsum aliquyam dolores magna minim et.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.