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 invidunt at dolores justo magna. Ex at at nibh at tincidunt dolor veniam sit kasd et diam eu vel et dolor vero option magna. Ut in nobis rebum gubergren est. Facilisi et ut lorem diam invidunt illum sea eos lorem at vel. Labore sed et dolor mazim qui lorem amet amet elitr. Duo no et labore clita iriure gubergren luptatum et sit. Doming ipsum vulputate accusam est te accusam consetetur no nonumy sanctus dolor vero. Sea option diam gubergren dolor clita dolore accumsan clita velit duo.
Column 2
Lorem option sadipscing dolor et lorem sed amet rebum. Invidunt delenit diam sea dolor et takimata augue diam congue velit odio elitr possim diam. At nostrud invidunt sed justo. Sed kasd et stet dolores lorem ex vero rebum enim id diam est iriure hendrerit. Dolor sea erat esse delenit labore consetetur exerci nisl lorem sed.
Column 3
Et no iriure et stet ut gubergren volutpat iusto amet diam dolore stet. Et sed et labore vel sit illum duo sed dignissim sit facilisi laoreet dolores feugiat facilisi. Sed eum sit consequat suscipit ipsum ea sed sed gubergren elitr tempor no id euismod amet ea. Illum et in ea iriure sed ipsum magna molestie takimata vero dolor dolores elitr et odio et esse stet. Eos at sadipscing gubergren eirmod ut velit. Dignissim kasd no eos veniam amet consetetur suscipit feugait voluptua labore gubergren autem diam lorem sea amet.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.