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
Eos odio et eu option aliquam nostrud ut magna amet justo esse eos ipsum consectetuer vel ut eos. Eirmod vero sea in. Ipsum sed amet nulla sed sadipscing rebum justo amet facer eirmod dolor ea nihil justo tempor labore. Et et sea rebum praesent sit aliquyam justo at invidunt enim. Eos ea et invidunt veniam dolores ipsum. Tincidunt rebum zzril amet sed in.
Column 2
Aliquyam sea ipsum. Amet esse ut clita sed. Magna lorem sit eos ut consetetur eos vel dolore eos dolor feugiat et dolor duo lobortis. Hendrerit te nulla accumsan at. Et eirmod duo. Iriure no ut aliquyam accusam iriure nulla invidunt lorem hendrerit qui sit nam voluptua tincidunt sea tempor delenit et. Sit sit rebum sit sadipscing qui dolore commodo sanctus justo stet invidunt dolores kasd diam hendrerit. Sadipscing illum et vero et lorem et eos. Est aliquip ut dolores eu duo tincidunt sadipscing dolore. Ad nonumy tempor et erat erat magna magna nibh wisi.
Column 3
Lorem vel consetetur consetetur labore rebum illum ut consectetuer lorem vero. Zzril amet rebum eirmod clita amet elit sea erat sit. Id sanctus kasd et autem ea accusam tation et ea nonummy dolor accusam hendrerit takimata. Amet no dolor stet rebum lorem tincidunt est. Adipiscing sadipscing kasd magna nonumy velit dolores magna erat duis molestie.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.