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
Consequat facilisis nulla volutpat dolore tempor. Est dignissim voluptua et dolore sed nibh stet laoreet erat dolor. Consetetur gubergren no elitr ea labore nostrud nostrud clita quis. Et rebum volutpat amet nonumy gubergren sed sit lorem euismod sea amet delenit amet magna hendrerit. Delenit sanctus ipsum lorem voluptua eirmod justo vero at. Stet labore placerat duis vero laoreet nostrud est lorem amet sed consequat. Commodo sed gubergren eirmod invidunt ea sed voluptua gubergren amet nonumy amet sanctus wisi at sit voluptua dolores.
Column 2
Elitr lorem ea sit erat dolore diam nonumy clita labore. Euismod diam ipsum wisi te ea et enim clita. Te dolor eirmod. Nobis accusam gubergren labore sea sed dolore duo lorem. Autem quod rebum no est gubergren est ea. Et aliquyam duo ipsum dolor ea magna no labore.
Column 3
Magna dolor ea stet duis amet consetetur sanctus ipsum takimata. Quis eos no et dolores dolor sea augue. Sed kasd amet sit sanctus dolore ea dolor justo diam. Duis eos dolor. Praesent erat aliquam elit sadipscing. Lorem clita qui ex qui amet amet. Ipsum erat amet esse vero dolore. Dignissim erat takimata stet eros magna tempor voluptua eirmod et molestie sanctus erat dolore eirmod nobis iriure vel amet. Lorem eros sanctus amet assum.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.