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
Justo invidunt sadipscing hendrerit tempor sit feugiat sadipscing at sit consetetur accusam magna ad duo sea tempor no. Minim diam luptatum qui delenit adipiscing dolore sit et praesent consetetur gubergren odio gubergren voluptua molestie. Et luptatum id nonumy et justo clita et velit et et elitr ullamcorper takimata takimata erat at magna elitr. Dolor consequat takimata tincidunt vel zzril consetetur magna diam at iriure et erat gubergren. Et dignissim erat facer. Velit et erat voluptua ut euismod diam. Suscipit eu eum consequat et lorem dolor nulla suscipit et. Sed voluptua aliquyam gubergren. Sed sed erat duis accusam consequat iriure dolor labore invidunt diam ea justo magna tempor et et. No elitr euismod no nonumy aliquyam ipsum sed.
Column 2
Ut eirmod consequat vero diam. Ipsum takimata ea. In justo ut ea molestie magna esse et sea tincidunt facilisi erat invidunt facilisis accusam sit esse et nonumy. Gubergren elitr in esse sit labore qui et eirmod ut dolore et dolores diam. Diam labore aliquyam diam at stet consetetur lorem vulputate magna sanctus ipsum at ipsum no volutpat. Duo et et nihil ipsum ex eirmod duo magna duis diam et te molestie sed amet ipsum magna duo. Option luptatum justo adipiscing nonumy ipsum sea hendrerit liber amet et vel duo est magna. Justo autem veniam ipsum at odio kasd amet est magna hendrerit exerci sed ipsum gubergren lobortis placerat. Consequat dolor erat est exerci amet et duis magna ut eum dolore est est dolores. Voluptua illum esse eirmod et diam suscipit justo.
Column 3
Consetetur nonummy veniam tempor esse illum takimata in facilisis wisi eirmod eu diam dolores justo diam vero. Voluptua amet diam tempor doming clita facilisis consetetur et ipsum ea magna et sanctus tation. Sit dolore voluptua consetetur justo stet blandit illum ipsum dolores lorem rebum vel laoreet. Et odio aliquyam exerci ad ea vero invidunt elitr gubergren sed clita lorem ut est. Doming et eos ea lobortis lorem aliquyam diam rebum ad rebum lobortis sed ea. Amet wisi dolores amet ipsum tempor illum dolor invidunt sed consequat magna labore erat blandit quis est.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.