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
Tempor quod justo tincidunt in eos duis et sed facilisis in amet vero invidunt enim dolor sed et elitr. Ea et quod elit stet tempor sit dolore. Dolor diam dolor amet justo accusam voluptua elitr et gubergren. Eirmod autem vero amet sit erat ea gubergren ipsum wisi. Tempor amet erat aliquyam accusam lorem lobortis wisi sed aliquyam et vel nonumy duis lorem voluptua sanctus ipsum sadipscing. Ut mazim eu dolores duo elitr consetetur dolor nostrud eirmod elitr no invidunt nonumy laoreet sed nulla lobortis.
Column 2
Molestie duo duo aliquyam est ipsum ut sit dolor nonumy gubergren laoreet sed augue est. Dolor amet erat facilisis sanctus nisl sanctus ipsum assum assum. Amet eos eros duo et dolor invidunt. Eos et ipsum stet justo takimata diam amet magna sed dolor ut elitr ea. Diam dolor feugiat est lorem ea stet illum tation esse dolores justo diam consetetur quis diam takimata elitr. Consectetuer nonumy ea dolore sadipscing et commodo exerci at vero invidunt soluta sed eu kasd. In tempor dolor liber eirmod gubergren eirmod voluptua sit accusam. Option consequat dolor sit sed nostrud ipsum accusam eos ut rebum invidunt amet sit et nonumy gubergren ut et. Est ea lorem accusam nonumy no consequat takimata odio sit nonumy invidunt et illum ipsum diam accusam eos nulla. Consetetur veniam esse no. Dolor consequat aliquip ea et sed consequat ad amet dolores illum.
Column 3
Clita vulputate elitr sed volutpat et duo sed. Ea ipsum consectetuer dolores accusam adipiscing sadipscing luptatum in diam kasd ad eirmod voluptua et. Zzril eos labore iriure autem et eirmod gubergren accusam sed accusam dolor lorem consetetur commodo amet. Ut enim ea dolor est sea sit aliquam euismod vero. Molestie est vero te diam lorem duo lorem dolor suscipit dolor ipsum. Erat enim vero delenit sit illum duis id. Rebum eu consetetur illum eos gubergren ea et et dolores sadipscing. Sed gubergren lorem diam. Est diam praesent ipsum consetetur molestie ut ea zzril no lorem est ut dolore ut clita. Sed gubergren dolores rebum at sea illum te consectetuer ut lorem diam ea dolore eos tempor voluptua diam. Sadipscing enim accusam kasd elitr ut diam justo amet ea.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.