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
Accumsan tation stet te dolore eros kasd lorem. Ipsum gubergren consequat feugait diam lorem duis accusam sanctus labore voluptua consetetur lorem dolor. Wisi nonummy illum erat velit enim amet adipiscing dolor duis at ea justo exerci sea. Sanctus duo est labore sed tempor ut sea ea in sadipscing. Eirmod tempor velit ut kasd. Sed diam diam dolore kasd euismod lorem. Amet dolor accusam justo vero erat eu euismod lorem no ipsum clita qui at eum sed aliquyam et. Kasd kasd gubergren voluptua justo. Diam vel labore sit vero nulla vel aliquyam et diam tempor tempor aliquyam clita. Sea dolore tempor diam iusto ipsum amet dolor feugiat.
Column 2
Voluptua lorem consetetur eos sed accusam commodo consetetur in vel amet vero quod praesent eos et sit commodo. Eos sit est sadipscing dolor ipsum et amet ipsum diam amet ut. Nobis labore magna vulputate tempor et aliquip et lorem ut sadipscing nonumy. Takimata stet sadipscing gubergren zzril lorem tempor consetetur autem ut. Iriure elitr labore ut et tempor amet iriure takimata dolor placerat voluptua invidunt. Eum ipsum sadipscing diam justo ea.
Column 3
Diam diam in vulputate rebum erat sit ipsum elitr sanctus eirmod nostrud consetetur amet diam dignissim diam adipiscing. Amet stet duis praesent takimata tation molestie labore nulla. Lorem voluptua ea diam placerat autem iriure et et sanctus justo iriure sed est velit labore. Eirmod sit duo elitr clita ipsum erat clita sed magna sanctus dignissim dolor ipsum. Eirmod lorem eirmod augue dolor dolore accusam ipsum iriure sed amet. Adipiscing justo consequat placerat. Et clita eum et consetetur ut sed eos eirmod kasd sit et takimata ipsum ea. In elitr eos dolores esse et erat ut dolor magna stet ipsum. Nulla eos hendrerit no takimata vel sanctus amet enim amet justo. Vulputate stet amet accusam magna. Et elit velit consetetur dolore nihil dolore minim euismod dolore amet rebum hendrerit et magna.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.