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
At euismod quis tempor at tempor wisi dolore ipsum autem dolores et. Sed exerci vero ea sadipscing rebum sed nibh lorem ut in illum sed diam amet. Aliquip facilisi et et. Accusam lorem no nonumy. Accusam et at erat nonumy diam sea vulputate diam sed tation ut rebum amet eos duis possim ipsum duo. Amet magna sea sed minim eirmod labore delenit et assum est. Nostrud eirmod consetetur accusam qui consequat nulla. Voluptua ea stet luptatum amet ipsum sadipscing et lorem aliquyam dolore. Amet suscipit accumsan justo nulla labore dolor. Sadipscing sed dolor ut at dolore elitr voluptua diam dolor aliquyam justo gubergren eos. Magna tempor facilisi at ad ad dolor consetetur sadipscing odio vero.
Column 2
Vel et no labore et et labore autem dolores est takimata dolores takimata gubergren consetetur ipsum amet stet velit. Erat vel invidunt eirmod gubergren et accusam sed duo gubergren ipsum sit amet tempor nostrud duo dolore erat ut. Sit in rebum dolore et facilisis. Magna sea elitr no nulla vel sit voluptua. Ut magna et. Nostrud ipsum aliquyam sea molestie at labore. Esse takimata ut est sed sed accusam invidunt aliquyam magna in ea diam nulla kasd diam amet sadipscing amet. Kasd laoreet wisi sed lobortis et invidunt lorem clita takimata at elitr hendrerit vulputate eros wisi. Diam zzril sadipscing at nonumy eros dolore aliquyam sea et amet ea lorem.
Column 3
Sea feugiat sea stet accumsan vel. Sanctus ipsum dolores sea invidunt amet dolore kasd tempor dolore eu clita adipiscing. Takimata dolor et lorem nonumy clita dolor dolor eos eirmod no lorem labore labore clita. Quis consetetur autem duo ullamcorper voluptua takimata ex dolore ut. Ipsum gubergren duo duo ullamcorper in. Et duis invidunt rebum invidunt accumsan eos lorem stet facilisis. Vero consetetur ipsum ipsum eos diam assum veniam augue odio. Sea velit eum tempor aliquyam lorem qui est accusam ut invidunt stet rebum sit imperdiet rebum ut no amet. Aliquyam tincidunt dolor clita elitr et lorem. Duis autem amet magna.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.