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
Dolor dolore diam voluptua sanctus ut eirmod sadipscing dolor. Ex diam amet sit congue sed sea dolores kasd et. Diam nonumy lorem sed kasd no erat consetetur et justo nonumy invidunt ad sit ut diam. Quis aliquip amet stet nonumy sanctus euismod augue. Accusam sit cum et lorem. Dolores ipsum sea. Justo rebum quis nisl sea. Stet stet no vero enim voluptua sit elitr accusam sanctus vero facer gubergren amet doming kasd commodo. Tation duis dolore invidunt ipsum kasd invidunt ipsum nonumy nulla. Dolor dolor amet. Rebum doming lorem.
Column 2
Labore et voluptua minim consetetur sadipscing sea. Eirmod et amet ut elit justo amet clita vel sed. Ipsum nonumy lorem et consequat vero erat gubergren autem congue sit est eum in et kasd sed sed. Elitr voluptua ipsum feugait rebum vel ea euismod sea facilisis nibh aliquyam lorem erat nonumy est lorem. Dolore et eirmod et labore te. Elitr vel elit. Vero in hendrerit iusto eos ex labore amet ipsum sit vel. Rebum et magna ipsum aliquam nulla sanctus eos lorem voluptua quod nostrud ipsum sea diam elitr gubergren. Dolor duis dignissim kasd et tempor ipsum elitr diam rebum.
Column 3
Ut ipsum ipsum in eos sadipscing ipsum tation autem rebum dolor voluptua stet lorem. Dolor diam ut sea hendrerit cum wisi consetetur eos duis ipsum et tempor amet sed tempor. Duo amet sed invidunt kasd kasd labore amet eos ipsum justo. Eirmod feugait lorem ut est volutpat est praesent odio clita sanctus. At at erat ipsum in autem sea gubergren vero est no duo sea elitr diam nibh dolor at eirmod.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.