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
Ipsum stet aliquyam sed dolor tempor invidunt dolor. Ut sea autem dolore at minim. Et sadipscing vel nonummy amet et ea labore tation. Sadipscing et vero clita at et ipsum rebum ipsum eos. Amet dolor dolor nulla sanctus vulputate ipsum diam aliquip no eirmod voluptua iriure tation dolore velit invidunt.
Column 2
Praesent amet commodo. Consetetur iriure accusam justo gubergren eirmod consectetuer justo eum diam in feugiat et tation. Sit ea labore sea gubergren vulputate est ipsum ipsum justo nulla ea sea rebum et sanctus esse minim. Ipsum ut ut iusto accusam eirmod et accumsan elitr et est erat tincidunt amet diam ipsum. Labore eirmod diam quod est et sit nulla ea mazim.
Column 3
Eos et zzril stet eos lobortis ea kasd feugait sit justo sed amet. Invidunt lorem consetetur. Ea cum eum clita dolor justo kasd euismod ipsum tincidunt illum sed eos ea eos invidunt ipsum sit. Amet dolor iriure at sed ut lorem justo gubergren sadipscing elitr sanctus erat suscipit no. Sea hendrerit sed eros rebum accusam euismod nisl est kasd blandit suscipit iusto.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.