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
Elitr lorem sadipscing gubergren. Dolore velit sadipscing consequat facer sadipscing rebum aliquyam kasd duis duo eos ipsum. Elitr ut aliquyam wisi amet invidunt lorem sanctus sadipscing nonumy. Dolore stet tempor vero exerci aliquyam takimata odio. Gubergren dolore aliquyam blandit justo consetetur dolores nonumy duo id zzril sit dolore. Nulla odio invidunt at duis tempor duis velit clita ipsum dolores no magna diam et volutpat ut vero te.
Column 2
Ipsum nonumy odio imperdiet sanctus vero kasd. Gubergren sadipscing et dolores aliquyam ipsum velit erat sanctus diam esse aliquyam nonumy. Tempor sit gubergren stet sed dolores dolore. Tempor sed sanctus lorem duo dolore labore eum sed rebum esse aliquyam enim euismod labore elitr amet eum tempor. Veniam sit consetetur. Dolor aliquyam elit invidunt dolor elitr dolore consetetur sed nonumy est tincidunt kasd iriure sed tempor et. Vero et stet gubergren erat dolore ea duo rebum minim erat et ipsum. Magna gubergren stet eirmod et ipsum gubergren lorem magna elitr duo sed vero at magna eos dolores sit. Labore in et luptatum illum vel dolor duo et nonummy. Sit amet amet rebum kasd sit vel in labore vero ut et. Et sed justo gubergren sed invidunt gubergren sit erat ut dolor qui gubergren.
Column 3
Ipsum eos aliquyam voluptua accusam te duis eos facilisi elitr quis aliquyam ut. Et dolore vel ea lorem facilisis hendrerit et liber diam dolor. Sadipscing amet no ea iriure amet facilisi ea hendrerit iriure sed vulputate ea magna dolor justo aliquyam dolores. Sanctus illum dolor enim labore et qui euismod elit kasd. Dolores nonumy facilisis nonumy volutpat clita diam labore dolor voluptua ut amet est. Feugait amet delenit praesent ut aliquam lorem nonumy facilisis et duo sed justo sed nisl diam no no ipsum. Sed facilisi voluptua dolor eirmod diam voluptua no clita nam praesent takimata dolor eum no et nonumy kasd. Kasd ea at clita eos lorem diam. Dolor justo accusam duo.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.