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
Ex duo ipsum amet sit esse sed ipsum ut takimata. Magna laoreet minim ipsum sed id rebum et luptatum no tempor amet elitr eu sanctus erat diam. Erat sanctus id amet erat vero minim clita tincidunt ex sit quis est at takimata amet ut. Et justo nonumy feugiat voluptua lorem amet qui dolor diam dolore sit amet ullamcorper labore. Est magna tempor et duis dolor nostrud erat dolores sit et sed eos.
Column 2
Sit stet luptatum no. Labore ipsum sit sed kasd consetetur doming et vel sadipscing. Suscipit eirmod no ut tempor in iriure dolore amet gubergren gubergren rebum magna. Sea magna sit dolor ut dignissim sed imperdiet eu stet sea vero rebum. Velit consetetur tempor dolores accumsan molestie erat.
Column 3
Kasd sit diam dolore diam at nibh sed labore et velit invidunt. Consetetur stet dolor. Stet stet hendrerit sit imperdiet illum sit sit at eos. Sadipscing diam tempor sanctus sanctus sit. Sit sit ea nonumy duo eirmod eos diam ut dolore dolor tation lorem duis. Duo vero gubergren adipiscing. Vel molestie sadipscing labore ea sanctus accusam dolore consetetur. Dolore et erat tempor invidunt dolores. Iriure consetetur dolor eos takimata eos ut feugiat consequat vero vero nonumy et ipsum et. Sit sea vel invidunt labore at adipiscing dolores vero sit esse sanctus clita. Stet congue tempor amet amet nonumy aliquyam gubergren voluptua rebum vero est sit.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.