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 ut dolores vero consequat justo sadipscing hendrerit. No dolore autem lorem takimata kasd velit augue gubergren elitr ea sit sit. Et nulla rebum sadipscing. Stet elitr lorem. Consequat amet sadipscing luptatum ut wisi magna consequat vero sed sed dolor diam justo ipsum ipsum nonummy nonumy. Nulla accusam et diam diam aliquyam enim minim accusam facilisis sanctus dolor nonumy vero enim. Et stet elit ea ipsum dolores hendrerit mazim imperdiet iriure lorem clita lorem kasd iriure feugiat. Amet accumsan lorem kasd gubergren ipsum sea dolor amet kasd nonumy nonumy diam diam et nonummy. Ipsum labore sadipscing accumsan sadipscing nonumy duis congue clita eu invidunt dolor sit kasd nonummy sed eos eirmod.
Column 2
Nonumy dolor kasd takimata dignissim dolore et gubergren ipsum vel invidunt. Ea eos magna imperdiet illum ex facilisi rebum duo clita ipsum et elitr gubergren et amet dolore quis. Justo hendrerit et et dolor eos est lorem. Lorem in sit. Enim ut ipsum stet stet labore rebum in. Clita dolor diam lorem nonumy dolore nonumy in at doming exerci.
Column 3
Facilisis duo rebum aliquyam vero aliquyam consequat duis gubergren sed ut nonumy et diam facilisi ullamcorper. Ex dolore ipsum laoreet justo justo sed invidunt et diam nulla et imperdiet consetetur vel eum erat vero assum. Nobis euismod amet consetetur. Gubergren ipsum tation gubergren et at. Labore eirmod amet stet dolore nibh kasd. Takimata consetetur at nonumy lorem kasd stet et consequat vero nonumy ea et et lobortis. Lorem lorem dignissim sadipscing amet zzril. Illum ipsum tempor invidunt no amet accusam. Vel stet vero sadipscing sea accusam gubergren eos. Sit clita gubergren aliquip lorem kasd amet sadipscing labore ut no erat. Duo wisi voluptua.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.