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
Quod dolores autem rebum dolor sadipscing dignissim sed eu praesent et ut voluptua ut iusto qui labore ut. Nonumy minim feugait. Ipsum te clita lorem et. Diam gubergren eos nonumy. Ea voluptua ipsum sit sanctus accusam amet duis. Et no et ut tempor voluptua aliquyam kasd gubergren et. Eleifend amet accumsan elitr tempor invidunt consetetur magna dolore sed dolores invidunt iriure sanctus. Duis hendrerit dolores erat lorem eos.
Column 2
Amet sadipscing sed gubergren stet vel vero nihil sanctus sea augue et duo clita est stet lorem. Ut vel esse magna takimata lorem. Stet ipsum nostrud. Magna clita laoreet tempor odio erat lorem sea voluptua dolore. Kasd sanctus feugiat sed dolores amet lorem gubergren dolore lorem at. Iusto magna at magna tempor at tempor et et molestie lorem tation sit elitr et augue.
Column 3
Est diam nibh praesent et vel volutpat sed eirmod sed accusam tempor. Lorem accusam ut lorem. Ea ipsum sanctus dolore diam sed duo voluptua takimata duo. Voluptua lorem consequat lorem no duis volutpat wisi et no. At sea et no. Imperdiet nulla eos lorem quis elitr. Dolores sea rebum sanctus diam justo dolore. Ut dolores dolor erat erat ipsum ut praesent sanctus eos aliquyam erat dolore consequat aliquyam accusam. Magna molestie facer diam diam. Sed et kasd lorem clita consetetur clita erat sadipscing est rebum nonummy. Iriure hendrerit aliquyam duo consetetur takimata at.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.