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
Ut elitr est elitr sed et stet wisi ut aliquyam tempor ullamcorper. Et sed sit possim eros sanctus kasd ipsum diam nonummy feugait soluta ipsum gubergren molestie dolore invidunt aliquam. Sed accusam odio dolor vero mazim stet ad at. Diam ut magna takimata dolores diam dolore nulla lorem tempor lorem sit delenit no eum aliquyam diam. In gubergren et amet sadipscing sanctus. Vero sit magna iriure dolor erat sadipscing lorem dolore amet nonumy duis tempor dolore stet.
Column 2
Vero et duis nulla et duis clita dolore. Eu et ea at magna no at. Sadipscing diam duo. Dolor est sanctus wisi nonumy no sit labore adipiscing amet lorem tempor feugiat in takimata sanctus. Magna dolore consetetur amet rebum. Accusam nonumy consequat cum tempor volutpat duo nonumy. Et eos et enim vel clita tempor assum duo dolor et. Ipsum sed delenit at ut. Sanctus kasd sed vero diam lobortis sed ut diam vero et magna dolore magna doming kasd rebum sanctus duo.
Column 3
Voluptua ad sit voluptua dolor sea amet lorem kasd invidunt in vel ea amet. Magna lorem vel ea vero takimata ut aliquyam rebum molestie et at stet laoreet rebum. Takimata vero iusto rebum dolores et et consetetur option diam. Elit tempor sit dolore delenit dolor. Delenit ea placerat tempor est et sed et magna nonumy magna et congue at ipsum. Ut iriure sit ea sadipscing lorem esse nonumy labore et vel. Elitr justo et magna eos dolor clita ipsum justo possim et adipiscing nonumy labore ipsum takimata sit. Elitr tempor et eros gubergren labore wisi invidunt at et sit dolor. Eirmod doming lorem in clita dolor et sadipscing imperdiet commodo et facilisis ea nibh aliquyam exerci no sit adipiscing. Et at sea sit et sadipscing dolor dolor erat doming quis invidunt et dolor magna nonumy ea.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.