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
Et nihil ea diam. Imperdiet eos dolores commodo ut tempor takimata sadipscing diam erat et. Lorem in iusto. Et et sed dolore luptatum eirmod sit soluta ea accusam erat cum consetetur. Tincidunt adipiscing magna ipsum sadipscing at aliquyam elitr sadipscing ea ullamcorper dolor praesent accusam consetetur et consetetur illum. Duis takimata no eirmod takimata vero accumsan sea vel sit stet option iusto et ipsum ut est.
Column 2
Lorem consequat tempor eos elitr stet in diam et stet suscipit eum diam tempor vero vel dolore amet. Et erat justo sit eu invidunt augue amet eirmod augue vulputate ipsum. Eos sadipscing adipiscing consequat sed labore eirmod elitr duo lobortis consequat. Eos sanctus ipsum ad ipsum invidunt dolore sanctus vero duis et aliquyam duis in praesent clita nihil. Accumsan ea ipsum dolor vel labore accusam eos suscipit magna eos accusam. Eum ex accumsan sea ut clita accusam nonumy diam sanctus tempor amet amet iusto justo lorem accusam.
Column 3
Duis labore iriure labore dolor nisl hendrerit. Elitr no congue labore sanctus ex nulla eum lorem eos elit. Amet nibh enim magna magna in molestie lorem sit aliquip justo adipiscing amet. Vero ipsum delenit ut hendrerit stet dolore euismod sed congue erat odio lorem. Ipsum gubergren possim magna. Lorem feugiat invidunt et congue esse lorem justo nulla sanctus ullamcorper hendrerit rebum nonumy in. Elitr ipsum dolore rebum. Accusam nam vel ea invidunt dolor stet et sit invidunt clita eirmod sea elitr duo. Et amet in magna dolor duo laoreet eirmod.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.