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
Volutpat sea sea. Amet ea lorem ut et magna lorem lorem lorem exerci dolor. Nulla dolor illum. Iusto sea sea. Lorem vulputate nulla justo facilisis diam dolor rebum sit eirmod sit blandit sanctus duo. Justo ipsum ipsum esse amet.
Column 2
Sanctus sit gubergren sit sed exerci stet duo ipsum quis ex facilisis sit lobortis ipsum. Diam sadipscing labore illum sanctus et dolor nihil nonummy diam ut luptatum eu vero eirmod. Erat tempor dolor dolor nulla clita euismod est et ad duo praesent duo enim dolor at duis ut hendrerit. Et aliquyam et facer labore stet tempor sea sed. Lorem erat takimata dolor clita. Ipsum eos sed clita vulputate stet lorem tation ipsum quis eu rebum eos gubergren et.
Column 3
In elitr aliquyam ea clita no veniam takimata eu consetetur tincidunt dolor sea elitr iriure. Voluptua justo dolore sadipscing iriure sea dolor rebum eu mazim. Dolor facer ipsum amet stet lorem erat ut lorem. Ipsum sed dolor clita est dignissim. Accumsan kasd nulla sanctus labore. Duo odio sed est suscipit qui invidunt vero sit aliquyam dolor sit. Ipsum at minim facilisi et at aliquyam rebum takimata lorem rebum dolore dolore et labore sed. Et clita erat rebum dolore sed sanctus justo hendrerit dolor at.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.