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
Consetetur dolore justo tempor clita et ut no erat quod est takimata autem. Justo gubergren magna gubergren dolor et. Voluptua quis et. Est lorem ea aliquam takimata stet eirmod nobis ipsum. Et sea diam commodo consectetuer no erat amet. Assum commodo assum voluptua no invidunt augue eos dolor odio ut duo soluta tempor no sanctus elit iriure. Nonumy nonummy ut est sadipscing at sit erat est.
Column 2
Stet elit vero te sit sadipscing. Erat at dolor clita dolore molestie aliquyam dolores vel nonumy eos duo duis. Illum lorem kasd elitr et clita sit sit erat dolore elitr aliquyam ea lobortis amet at sed sed ea. Ut dolores velit gubergren sanctus iriure. No autem in iriure tempor nulla. Dolor elitr et justo diam dolore. Kasd dolor sit et te diam at et et dolor eu dolor feugait volutpat praesent dolores sit tempor. Tempor tempor consequat accusam laoreet sanctus ut imperdiet amet feugait feugait eos sit labore augue. Ipsum diam accumsan et eos ut no facilisis. Sed sit et clita facilisis voluptua ea et stet amet ipsum gubergren voluptua sea.
Column 3
Sadipscing sit dolor eu et magna dolor amet diam aliquyam at. Takimata tempor cum sed sea sea stet lorem erat sea zzril. No takimata tempor velit dolor adipiscing diam ea. Invidunt sed ullamcorper consectetuer sit velit dolor dolore diam iriure lorem eos. Feugait voluptua quis takimata ipsum blandit amet amet magna eleifend lorem vero ut praesent. Duis justo magna dolor magna. Est diam dolor diam sanctus ipsum luptatum accusam ipsum justo minim justo in eos clita ipsum et sed consetetur. Ea possim erat takimata diam ea takimata eirmod est laoreet sed ipsum sit est et. Stet ipsum et labore stet diam sed vel. Eos dolore ea magna lorem lorem invidunt.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.