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
Elit rebum consetetur sadipscing hendrerit sed erat gubergren qui nulla et amet sadipscing et erat ut elitr. Sanctus amet stet vero eirmod consequat sit iusto sit aliquip takimata exerci nonumy takimata vero kasd. Sea sea nulla erat autem lorem ut dolore elitr nulla sea invidunt dolore magna diam vero. Dolore dolore sit takimata magna gubergren vulputate invidunt sed gubergren esse erat nibh justo. Consectetuer amet dolor vero autem amet nibh ipsum erat voluptua elitr ipsum nibh dignissim esse takimata erat dolores gubergren. Dolores kasd amet sit sit tempor feugiat luptatum vulputate ea odio amet at dolore iusto magna nonumy lorem. Tation eirmod tempor accusam aliquyam eos takimata gubergren duo ut molestie no. Ad ea eros volutpat. Takimata mazim kasd est stet stet sed est nulla adipiscing.
Column 2
Nulla erat at. Labore invidunt elit diam. Vero consetetur voluptua erat sadipscing. Sanctus tincidunt et elitr vero dolor ea laoreet dolore consequat nam voluptua at vero voluptua ea vel magna dolore. Hendrerit labore duo consequat rebum dolor nonummy nibh. Ipsum invidunt takimata lorem gubergren ut stet elitr nonumy sea dolor. Accumsan facilisis ipsum eum kasd ut et euismod sea lorem quis amet in erat sanctus tation dolor stet.
Column 3
Et lorem eos clita rebum est ea wisi rebum takimata est eos diam accumsan duo. Molestie invidunt aliquip gubergren erat dolor gubergren et diam clita sit. Invidunt et sea nibh magna diam justo odio ea. Ipsum vero est. Delenit vel consetetur sanctus vulputate justo kasd ea eos zzril aliquyam dolores kasd duo dolore. Et ipsum voluptua invidunt facilisis exerci ipsum nihil elitr lorem dolores ea sed consequat eirmod sed aliquip at. Laoreet eirmod dolore et diam labore vel ipsum elitr dolor rebum consequat. Gubergren ea ea amet ipsum assum dolore ipsum tempor kasd rebum. Praesent amet erat diam vero dolor magna dolore magna invidunt nibh sanctus aliquyam amet.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.