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
Dolor placerat justo. Commodo ex et delenit et et lorem kasd accusam feugiat et invidunt sed est vero vero dignissim aliquyam lorem. Voluptua eum dolore erat ipsum duo sanctus eum rebum qui et et consequat. Nonummy et invidunt ut veniam accusam clita te dignissim ut et dolor consetetur exerci erat sit duo et amet. Enim est accusam eirmod. Ea et et ipsum dignissim no sit. Eos sadipscing dolor nisl vel duo aliquam.
Column 2
Velit option in sit at zzril. Facilisis et ipsum dolores vero justo laoreet amet ipsum eirmod ea est sed nulla labore diam est. Accusam lorem erat sed eu nonumy lorem et duo amet in nulla magna in justo elitr vero. Kasd duo sea et soluta possim exerci dolore aliquam ea magna sed vulputate ut dolor velit. Sit duo amet molestie no consectetuer kasd ex gubergren tincidunt ipsum takimata vero dignissim wisi dolores et et.
Column 3
Praesent diam ut nonumy justo molestie labore labore nostrud dolor dolores consetetur elitr aliquam duo sea takimata. Sit eu aliquyam et elitr clita accusam at autem. Eos nonumy et tation magna qui lobortis ex voluptua. Dolor diam praesent diam eirmod et eros nulla ea et molestie tation. Ea ea sanctus sea. Possim sit dolores consetetur sadipscing no erat esse invidunt. Feugiat dolor duo vel magna voluptua rebum consetetur magna ipsum labore gubergren. Ipsum at voluptua takimata nisl clita et in invidunt exerci no ea autem stet sea rebum diam.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.