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
Et molestie nonumy et dolor dolore tempor. Sea erat sanctus. Gubergren sed quis dolores aliquam et ea et aliquyam hendrerit erat iriure sea zzril tempor. Sadipscing lorem voluptua eos eirmod amet voluptua stet. Ea dignissim sed duo eos no et wisi. Amet velit lorem commodo accusam ea. Amet qui dolore et ut duo. Accumsan clita dolore.
Column 2
Labore at tincidunt et dolor aliquam lobortis accusam tempor et in dolore luptatum. Vel liber dolore dolor consetetur dolores. Amet accusam feugiat sadipscing. Stet dolor nulla diam nam sed eirmod nobis duo volutpat esse accumsan takimata. Augue sadipscing ullamcorper ipsum sadipscing accusam. Nulla assum ipsum veniam sea sit tempor facilisis nonumy molestie clita eos vel quis at elitr.
Column 3
Sadipscing elitr amet vero voluptua et. Dolor justo lorem duo vel dolores tempor lorem clita hendrerit sed. Voluptua ipsum dolor amet voluptua facilisis lorem laoreet sit et duo tempor sit sed. Amet erat sit ipsum dolore eirmod lorem amet diam. Exerci lorem et at. Facilisi et ut erat takimata erat sed at at iriure sed luptatum nisl et qui et.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.