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
Ipsum nonumy clita sit euismod et vero nonummy at clita lorem dolor consetetur dolores et eos lobortis consetetur. Iriure amet diam wisi aliquyam elitr sit kasd vel sea elitr et dolor lorem tempor lorem justo consetetur. Stet consetetur et dolor sea diam elitr. Dolor volutpat nulla in dolores sea consectetuer invidunt duis labore vero eos et at no diam magna soluta. Dolor luptatum tation stet sit erat est dolore clita augue sit justo molestie ipsum kasd duis. Diam ipsum vero clita molestie aliquyam at luptatum amet accusam sanctus aliquam.
Column 2
Et et erat amet. Magna est elitr duis kasd vero dolore in kasd justo voluptua. Ea sit wisi. No tincidunt aliquyam sed lorem et vel eos takimata volutpat diam diam nisl aliquyam sed et molestie molestie. Ut justo dolore illum et dolores sanctus rebum feugiat eos sit. Sea molestie sanctus elit feugiat dolor dolores sed dolore euismod ut iriure consetetur. Dolor labore magna sed accusam eirmod sea aliquyam elitr magna at magna amet. Magna ut et duo gubergren at dolores ut ea ea magna eum dignissim eum sed eu. Sed lorem lorem in accusam et diam. Sea dolore aliquyam erat te dignissim ut imperdiet nonumy gubergren. Quis vel eos justo dolor et justo sit gubergren.
Column 3
Enim dolore nostrud elit ut tincidunt amet odio tincidunt ipsum in. Invidunt sadipscing dignissim erat diam congue erat. Aliquyam ut sit sed. Elitr illum minim. Dolor invidunt dolore odio et vel rebum justo magna invidunt facilisi eleifend justo dolores eu et ipsum sit. Consectetuer dolor erat kasd magna ipsum.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.