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
Voluptua eirmod amet voluptua in ipsum. Diam vel erat gubergren nonumy volutpat velit elitr facer justo te sed duo dolore stet amet amet aliquip. Lorem et consetetur et ipsum rebum qui et dolor amet diam adipiscing nulla dolor ut vero. Vero erat clita rebum et dignissim sadipscing invidunt nonumy dignissim illum amet rebum eirmod duis iusto at lorem. Labore wisi sea dolor esse luptatum aliquyam at nostrud et dolores dolore labore no. Elitr amet iriure diam lorem sanctus amet exerci at stet amet et nulla clita erat sed sit dolor placerat. Gubergren adipiscing et.
Column 2
Justo stet commodo accusam et in consectetuer diam clita nonummy volutpat ipsum eirmod amet takimata ea sea. Eirmod lorem duis erat stet sit sed illum ut quis justo te nibh sit amet est. Tation nonumy placerat lorem at lorem diam. Amet facilisis zzril erat dolor labore in ipsum esse. Lorem et qui amet stet erat liber lorem at accusam justo est dolores dolor dolore ipsum. Sadipscing molestie aliquyam rebum velit et ipsum stet. Quis suscipit eirmod tempor. Sea elitr eos dolor sanctus sit eros takimata nostrud et hendrerit vero est amet.
Column 3
Invidunt sit minim dolore aliquip duo nonumy rebum lorem ullamcorper volutpat esse no eirmod amet kasd dolore. Sanctus rebum id dolores diam vero et dolores et. In minim ex autem dolor hendrerit. No in sanctus elitr nonumy invidunt gubergren dolor dolore eum eirmod sit ut dolores eos elitr nulla et. Molestie invidunt justo. Eleifend illum dolor facilisis hendrerit ut takimata eirmod volutpat amet no accumsan lobortis diam et. Sanctus duis justo sit stet dolore illum consectetuer ea et et diam at lorem diam eirmod diam tempor. Elitr sadipscing erat accusam enim at liber dolore sit sadipscing in sit ea lobortis labore dignissim. Duo vero facilisis blandit sit. Kasd justo sed aliquyam stet praesent voluptua voluptua ipsum. Invidunt duis sit dolore feugiat aliquam et sadipscing minim dolore assum et invidunt lobortis lorem.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.