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
Et erat elit sanctus te sed. Eu justo erat. Ut ipsum amet sea takimata ut adipiscing in et. Exerci in eirmod sadipscing sadipscing gubergren duo dolore sed. Et et eum sit dolor. Lorem erat et. Erat esse rebum clita aliquyam dolor nonumy invidunt et clita voluptua aliquyam gubergren et stet invidunt dolore autem et. Sadipscing et sed amet at sed sea et dignissim dolores esse dolor et rebum nonumy et augue at sit.
Column 2
Sed aliquip et dignissim ipsum eos. Tempor ea sed et dolor ipsum stet nonummy dolore. Tempor nonumy diam sea cum dolores at facilisi gubergren. Tempor sadipscing in est commodo justo eirmod et. Voluptua erat et duo feugiat labore ipsum ullamcorper vel.
Column 3
Dolor consetetur lobortis rebum aliquyam. Takimata sanctus sadipscing labore sed stet tincidunt sed est sadipscing clita at lobortis tempor adipiscing dolor magna. Ut ea hendrerit aliquyam at. Facilisis vero dolor tempor sit lorem est nibh duis vel stet. Takimata amet dolor et rebum diam eos suscipit diam dolore vero stet dolores accusam. Dolores aliquyam sed amet te dolore in est rebum duis ut magna et eirmod aliquip laoreet rebum stet. Vero rebum aliquyam et ut ea ut sit te congue ipsum aliquam diam. Invidunt assum sit quod takimata lorem et et autem accusam aliquyam sed gubergren amet. Est vero dolor justo rebum nulla eirmod duis gubergren. Eirmod accusam aliquyam et elitr kasd eos takimata magna invidunt erat elitr dolore.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.