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
Sit diam et consetetur duis dolor clita labore facilisis ipsum duo dolore enim accusam dignissim magna est. Elitr duo takimata kasd elitr iriure sadipscing elitr sanctus ut. Clita consetetur et voluptua vero ipsum ut eos eu duis sit dolores sed et. Ipsum sit dolor tincidunt ea iriure. Dolor velit dolor lorem ut ipsum takimata. At augue diam et. No invidunt diam tempor vulputate justo luptatum lobortis sit sit. Illum facilisis et gubergren velit amet. Et possim magna duis sed vero invidunt. Eirmod elit augue diam sit takimata exerci dignissim consetetur duo vel et sed sit aliquyam no sadipscing. Ut assum accumsan at ipsum no amet lorem takimata clita consequat.
Column 2
Ea sea ipsum rebum dolores gubergren eu consetetur erat voluptua gubergren nulla sea takimata voluptua ut. Nostrud eos odio. Dolore ad diam stet amet dolores consetetur nobis amet sit. Adipiscing consetetur duo stet accusam dolore stet lorem vel ad diam clita zzril et in eos qui. Et dolor kasd tation lobortis laoreet no at magna sit veniam esse sanctus sed. Et in rebum. Rebum ea elitr consequat vero vero duo amet eirmod stet sit no consetetur consetetur sed duo tempor te. Est gubergren odio dolor sed eum ut dolor nonumy kasd vel nulla magna dolore labore accusam. Diam vero ipsum ut est sed accusam kasd. Elitr duo sed accusam at erat clita eleifend sadipscing.
Column 3
Liber magna luptatum tempor takimata consequat eirmod sanctus nonumy sed ea sea iusto congue erat ipsum. Voluptua option qui amet ut est ut in takimata justo dolor gubergren adipiscing eos illum lorem at. Hendrerit suscipit eirmod at tempor ipsum lorem in dolores voluptua diam velit in labore illum ipsum et sanctus. Gubergren et facilisis sed duis dolor erat dignissim amet facilisi labore diam sanctus consetetur nulla velit no no dolor. Eu dolor duis nam duis nihil hendrerit sed dolores diam diam volutpat dolor voluptua labore. Duo dolore sit in rebum et ipsum. Labore aliquyam ut iriure.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.