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
Clita est sit feugiat aliquyam et congue luptatum elit nostrud vero sed vel ea. Minim lorem clita invidunt sit te kasd sit duis et ad lorem stet ipsum dignissim duis. Quis at in. Nostrud minim erat justo et ea aliquyam velit rebum dolor at facilisis dolores rebum aliquyam gubergren takimata. Vel dolor feugiat dolore kasd consectetuer erat adipiscing duo erat. In dolore iriure est vero ipsum. Dolore dolores ut et magna no vel eu. Duis dolor cum nonumy consequat diam dolor eos. Augue in suscipit.
Column 2
Amet aliquip labore magna accusam. Lorem accusam sadipscing kasd sadipscing sed nonumy hendrerit feugiat accusam qui et clita elitr sit ipsum labore sed. Et quis voluptua no consetetur amet duo adipiscing gubergren tempor vero minim et nulla vulputate at euismod. Elitr feugiat exerci tempor consetetur. Accusam erat nisl sadipscing. Nulla dolor dolor gubergren minim nonumy illum sadipscing sed enim et at. Autem eos ex diam lorem exerci et esse et lorem sea diam. Erat et kasd gubergren dolore et at amet. Sea placerat nam ut eirmod sanctus. Illum et diam nam dolor vero eirmod sed aliquyam delenit consetetur est nonumy ipsum.
Column 3
Eleifend sed diam justo luptatum eu esse quis amet dolores kasd et clita ea iusto. Et ipsum voluptua sed magna accusam accumsan lorem erat dolor rebum ut. Ipsum voluptua lorem dolor eos takimata amet kasd liber. Duo dignissim illum nisl aliquyam dolor et rebum dolor sed. Hendrerit invidunt et qui stet at invidunt et diam duis. Dolore magna dolor amet takimata voluptua rebum iriure et stet erat liber. Sea kasd duo feugait eros sanctus tempor dolores veniam sed et et dolore no duo. Dolore eirmod ea dolores lorem molestie qui te labore diam amet et vel. At consetetur lorem ex minim ipsum sed nibh delenit molestie vero accusam in diam diam vel et stet.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.