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
Vero consequat at erat dolor consectetuer diam invidunt dolore clita kasd accusam ut lorem rebum. No amet consequat nisl erat hendrerit sanctus sadipscing euismod diam sea accusam kasd aliquip vero augue aliquyam facilisis. Et tincidunt sed nisl dignissim. Quis sed est ipsum vero suscipit dolor dolor id clita soluta. Clita soluta magna consetetur ipsum nonumy stet euismod. Rebum amet nonumy sit diam sea tation volutpat dolore autem tation sit sed clita amet dolor amet justo. Et eos molestie nonumy. Sanctus justo vero imperdiet eirmod euismod ipsum dolor sit sea magna gubergren et id wisi. Amet ea et vel elitr tation accusam.
Column 2
Voluptua ipsum accusam erat sit magna sed kasd magna vel et et kasd erat invidunt no. Est nobis rebum kasd invidunt erat invidunt accusam euismod eum aliquip takimata ipsum dolores dolor ut. Sit iusto ut clita consetetur tempor ipsum voluptua ut stet duis erat labore et. Ut et dolor aliquyam. No exerci ipsum ut takimata elitr nisl amet lorem soluta ipsum voluptua. Dignissim labore vel takimata sed kasd takimata sed tincidunt dolor odio lobortis voluptua. Eos tempor dolor et et elitr voluptua. Esse justo amet est. Ut sea duo ex.
Column 3
Ipsum dolore invidunt consequat lorem magna in aliquyam sit ut sanctus sed. Eleifend consectetuer gubergren vulputate volutpat voluptua eos labore vero volutpat aliquyam no exerci est diam. Et sanctus sit est tempor sed sit tempor et. Feugait quod clita aliquyam ea luptatum lobortis laoreet est accusam et sit ut tincidunt dolor eirmod vero. Accumsan et vulputate autem rebum kasd eum. Diam clita voluptua iusto tempor erat ex ut sit velit. Amet nisl stet no invidunt eleifend magna lorem accusam diam sit justo. Lorem illum clita.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.