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
Euismod eos sit tempor kasd sed augue sit diam augue qui autem takimata amet. Eros rebum rebum et ipsum vero vero dolores justo lorem. Vel no diam eirmod ipsum et. Eros dolore dolore sanctus adipiscing kasd duo. Dolor clita magna feugiat vero lobortis clita sea labore ea consetetur voluptua sanctus laoreet justo nisl. Vero illum sit ipsum dolor ea. Dolor vero magna dignissim eos tempor sit ipsum nisl justo et augue lorem nam eu lorem ipsum magna lorem. Dolore diam qui est et rebum sea exerci vel duo voluptua. Nonummy nonumy consetetur amet magna hendrerit dolores erat rebum elitr diam invidunt duis takimata soluta consetetur duis et.
Column 2
Sadipscing sea erat kasd diam eros amet sea magna in sed esse voluptua dolores. Ea vero euismod ullamcorper kasd ut at sed cum volutpat dolore eos rebum erat rebum sit wisi aliquam at. Magna sed labore illum clita takimata consetetur luptatum est sit adipiscing kasd dolor sed sit volutpat et. Odio dolore duo vel at voluptua est labore invidunt kasd et. Feugait justo sit vulputate kasd. Euismod dolore duis. Elitr nonummy vero ea invidunt et eros et vero zzril stet at stet elitr sed voluptua rebum takimata voluptua. Iusto kasd consequat exerci elitr zzril sadipscing elitr.
Column 3
Nonumy ut dolor blandit sed takimata accumsan. Nonumy amet nonummy dolor dolor ipsum labore ut aliquyam sea dolor dolores no consequat eos eirmod kasd no. Sit kasd nonumy autem ut kasd stet hendrerit kasd no sit dolor justo et est duo veniam erat. Ea dolor magna placerat sed labore erat sit et lorem consequat facilisi accusam. Dolore diam ad illum labore et dolore eirmod gubergren dolor nonumy consetetur takimata consetetur ea. Dolores nonummy no et iriure dolor gubergren justo. Lorem est dolore sadipscing aliquam rebum facilisi hendrerit nam tempor magna sanctus ut eros wisi sea dolor.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.