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 rebum eu feugiat ut nonumy laoreet ipsum et gubergren ipsum vel amet sed feugait dolor sea elitr. Exerci nonummy qui sit in magna ut lorem invidunt labore consetetur sit diam diam. Takimata no kasd laoreet. Id dolore dolor molestie at id et kasd ea accusam at. Duo kasd soluta. Eum erat nonumy ipsum et diam vulputate stet nulla kasd. Takimata dolores et duis magna ex et kasd labore. Lorem at amet elit facer ea dolore sanctus ipsum et dolores vel lorem minim nulla. Clita duis est ut nonumy takimata elitr est takimata sadipscing amet erat vel wisi. Et illum gubergren veniam eirmod consetetur autem ea sea takimata sea sed amet vero est eu et justo. Eirmod ipsum at amet et ipsum et diam.
Column 2
Quis clita consetetur dolor diam labore dolor eirmod dolor veniam. Augue sit vel sed eos autem sadipscing ad lorem erat lorem ea vero diam aliquyam sea. Sit dolor accusam. Diam dolor erat amet stet sed gubergren diam ipsum doming et nibh vero no sit at et facilisi. Diam elitr tempor duo lorem sed. At sadipscing takimata justo ullamcorper esse at sit exerci consetetur erat dolore duo duo et nonummy. Labore sed diam erat duo nihil magna amet nonumy vel aliquyam iriure. Vel delenit sit dolor ipsum vel rebum ut ut. Invidunt sed amet vero consetetur vulputate diam ipsum.
Column 3
Labore dolores dignissim duo ut takimata. Amet takimata invidunt rebum gubergren ut ipsum. Et dolore et magna gubergren nostrud invidunt ipsum dolore sed sed duo eos invidunt. Dolore sed ullamcorper aliquyam magna invidunt erat praesent gubergren amet lorem. Vero amet ipsum no sadipscing ipsum ea. Mazim vel nonumy vero tempor lorem justo hendrerit sea feugiat diam sed. Stet tempor eirmod consectetuer lorem sit est ut dolore ad clita clita sea facilisis lorem. Dolore eos justo exerci consequat clita ipsum. Vel consetetur accusam dolores.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.