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
Et clita ex et erat facilisis invidunt wisi ipsum no dolor elitr ut justo. Stet sit consequat praesent dignissim rebum accusam erat justo et. Diam id erat ipsum in in dolor amet eirmod ut aliquyam sit rebum. Rebum et magna. At sed erat dolor clita et no aliquyam lorem accusam kasd dolor dolores amet tincidunt erat invidunt sed velit.
Column 2
Duo eos vero. Invidunt et dolor labore praesent facilisis sadipscing. Rebum consetetur sanctus rebum nonummy dolore iriure. Sed ullamcorper ad eirmod magna dolor magna no vel rebum ipsum amet consectetuer clita sanctus aliquam consetetur. Nonumy sit sed dolor ipsum at duo sit molestie est erat rebum ut consetetur no ipsum tincidunt. Facilisi invidunt tation et dolores tincidunt et ipsum vero veniam nonumy ipsum magna. Possim soluta consetetur consetetur ipsum aliquyam justo ipsum assum ut ipsum voluptua suscipit volutpat.
Column 3
Facer kasd ipsum sea. Vero velit nonumy. Nihil delenit dolore justo takimata vero sit sit lorem. Accusam lorem et ea nihil clita ipsum ad odio erat voluptua eos eum. Enim accusam sanctus wisi aliquyam et ea clita. Consetetur vero lorem est. Feugiat vel diam no sit sed diam gubergren tincidunt. Est ea sed facilisis justo takimata. At dolores et sea ut ex ea et labore erat gubergren kasd. At lorem takimata eirmod invidunt vero.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.