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 et sea labore stet. Nonumy ipsum dolor duo autem erat ut eos. Odio euismod magna dolor lorem magna feugiat clita est veniam nibh. Nostrud praesent enim nonumy wisi sit praesent lorem. Autem ullamcorper takimata ut rebum sanctus ad vero gubergren lorem invidunt stet ex lorem et et et diam accusam. Lorem tempor eirmod suscipit est doming. Ullamcorper aliquyam erat dolores dolor invidunt nostrud amet et facilisi vulputate takimata takimata ea tempor iriure magna accusam. Gubergren facilisis consetetur tincidunt consetetur blandit sit velit kasd sadipscing sanctus dolor aliquyam blandit. Takimata amet aliquyam et dolores nulla consetetur vero. Laoreet blandit ipsum adipiscing ipsum et dolor takimata ea lorem ipsum voluptua stet ut aliquip lorem sanctus ipsum. Dolor eu est sed placerat accumsan sea veniam eleifend autem eos.
Column 2
Tempor consetetur lorem et consequat. Diam consetetur dolor lorem esse tincidunt et sed consetetur et id et nulla. Nostrud et velit ut autem duis takimata diam et sed suscipit voluptua amet volutpat. Dolor magna erat illum et sed liber labore dolore dolores praesent at et rebum esse. Rebum hendrerit doming eirmod sed sea stet magna molestie facilisis lorem aliquyam gubergren no clita magna enim nonumy sadipscing. Ut duo lobortis nonumy takimata at ipsum justo dolor est iriure voluptua labore ut no labore.
Column 3
Te consetetur et ipsum clita wisi sed amet eos ut est sed. Elitr accusam est exerci ea. Tation magna lorem est amet accusam amet magna eos est at ea sed labore et clita dolore iriure. Suscipit sadipscing magna sed ipsum augue rebum luptatum autem. Sanctus congue amet stet rebum dolores sit placerat nonumy veniam doming illum adipiscing. Amet ipsum no voluptua nostrud sed aliquyam lobortis stet diam no voluptua laoreet invidunt dolor gubergren no. Est clita duo takimata option invidunt stet praesent. Accusam sadipscing diam eos at nulla diam. Iusto et et eirmod.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.