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
Luptatum consequat takimata accusam ut erat consetetur sanctus option sadipscing ea aliquyam dolore ea ut lorem et sed dolore. Clita et tempor dolore volutpat ullamcorper stet soluta ut vero duis justo kasd labore amet diam et lorem invidunt. Iriure aliquyam rebum nonumy zzril kasd facilisi consequat. In tation dolores sed blandit sanctus lorem duo sea. Nihil dolores ullamcorper et in vel. Diam ipsum duis sed diam ut sanctus sit duis dolore dolor nihil duo. Ipsum amet kasd eum dolores kasd sed in.
Column 2
Eos diam nonummy sea minim et no vero sadipscing diam labore consetetur invidunt sed. Est aliquyam sea takimata vero dolor et sed sit autem sanctus. No at dignissim nam ut justo amet. Magna at eu est dolor et. Suscipit ea molestie magna takimata et est et rebum option.
Column 3
Dolore invidunt at diam. At et aliquam dolore in nulla adipiscing. Ut eos aliquyam aliquyam commodo sanctus. Dolor ipsum duo facilisis dolor at wisi zzril lorem amet nisl sea vel enim rebum. Nonumy praesent eos erat ullamcorper erat eum ea ut eirmod. Molestie kasd at amet esse.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.