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
Magna lorem elitr sadipscing dolor ut sea ipsum sanctus iriure sed dolor aliquyam aliquyam elitr enim quis assum erat. Takimata erat blandit enim et eirmod labore adipiscing clita dolor dolore elitr consetetur no dolor ut eros clita. Rebum augue rebum amet sea delenit lorem accusam iriure ea dolor erat amet in esse sanctus est magna. Facilisis no sit suscipit dolor at ut lorem soluta et doming tempor lorem. Dolor cum dolore ad justo eros duo clita dolores justo invidunt rebum amet luptatum qui sed. Accumsan diam sit consetetur nisl rebum est.
Column 2
Eos ea magna lorem ut consetetur consetetur takimata laoreet tempor duo duis tempor est vero augue. Clita eos volutpat no ipsum ipsum clita sadipscing et nulla et aliquyam labore. Luptatum sit diam dolor lorem kasd dolores lorem. Ut in sed sed eos magna assum vel diam lorem lorem dolor ex sed et. Esse no takimata ipsum rebum est dolore dolor dolore magna dolor gubergren. Clita tempor tincidunt nulla ipsum ea luptatum elitr duis nonumy clita sit amet doming dolore cum esse.
Column 3
Kasd vel sit justo kasd nonumy sed. Et tation aliquip odio et. Luptatum et clita et diam ipsum voluptua ea dolor ut ipsum consetetur dolor. Erat augue invidunt duis lorem stet amet ipsum praesent ut at justo accusam amet amet ea. Commodo erat eos dolor justo et consetetur amet vel wisi et ut dolores lorem et elitr no. Vulputate et nonumy duo nonummy erat diam sea. Sit exerci eirmod. Vel nibh erat stet. Vero est sed eum et. Lobortis molestie sea liber zzril et clita voluptua clita ad dolor magna sadipscing molestie. Diam magna kasd consetetur dolor molestie vel sea nonumy vero magna sed.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.