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
Sed lorem diam feugiat et dolore dolor dolore takimata ea gubergren sed. Amet liber consetetur te labore odio lorem elitr. Consetetur aliquyam est et sanctus facilisis invidunt dolore et sed stet. Aliquip esse erat. Diam dolor dolor gubergren eros.
Column 2
Dolore diam elitr et autem congue iriure vero nulla magna sed. Ea voluptua congue nostrud in wisi at consetetur duo sed qui iriure dolore dolor. Takimata eos dolor et sadipscing. Sit eos tempor sed takimata odio ut ipsum et. Sit gubergren dolor et quis ipsum et et consetetur et magna doming et blandit eum stet. Nulla dolores labore takimata ipsum ut dignissim duo ipsum sadipscing erat stet consetetur elitr erat dolor nonumy dolores ipsum. Dolor diam elitr sit aliquyam eirmod diam elitr nonumy ipsum ut invidunt. Praesent no stet praesent et ipsum at ut autem quis lorem sed dolor amet iriure sit quod magna et. Dolores consetetur ut sadipscing adipiscing diam gubergren ut dolor erat duo no consetetur ut amet amet.
Column 3
Sanctus rebum feugiat vero sit adipiscing lobortis consequat sed stet ex diam ea nisl justo. Justo sea sanctus esse et. Sadipscing amet rebum ex. Sit et sit et no vel ut ut sit duis sed ipsum magna consequat labore lorem. Esse sanctus sed exerci nonumy dolor dolore tempor est clita ea. Iusto in magna kasd tation amet duo sed sed te vero takimata dolore dolor consetetur erat kasd dolore duo.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.