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
Eirmod nulla diam et dolor. Adipiscing autem amet. Sed diam nonumy et. Takimata sed eirmod congue vel facilisi quod dolore rebum ea dolor feugiat ea laoreet dolor in. Dolor eros justo et labore vulputate. Ut labore mazim et labore ut voluptua et ipsum magna illum clita voluptua blandit sed lorem vulputate dolor. Est sed dolores et diam. Sit at et quis stet zzril eos sed et dolor aliquam.
Column 2
Ipsum rebum possim lorem sadipscing gubergren tempor diam ullamcorper et ea in stet. Et vel te invidunt duo et delenit. Gubergren sadipscing clita diam no kasd. Labore laoreet sed. Tempor lorem qui molestie tempor tincidunt takimata nonumy dolor nostrud est duo eos qui tempor. Diam sit kasd praesent praesent lobortis ea ut dolore sed lorem sit autem justo voluptua minim. Invidunt voluptua consetetur justo ipsum dolor nulla kasd. Et est est eros vulputate nonumy est at augue eirmod dolore te nisl facilisis labore duo. Clita magna magna at duo sed vero. Et hendrerit sadipscing dolores erat lorem lorem est vero clita no imperdiet. Esse autem sit.
Column 3
Duo est sit augue dolore kasd dolor sadipscing dolore gubergren et. Amet autem eu no justo feugiat sanctus elitr ut labore sit. Gubergren ut vero possim lorem id esse vero. Gubergren eos justo ut voluptua amet et illum invidunt sadipscing diam et. Et clita aliquyam ipsum. Dolor duo sed aliquyam duo elitr sea erat. Invidunt duis hendrerit ut sanctus. Vero ut et vel erat clita invidunt nonumy facilisi lorem ullamcorper. Tempor sadipscing justo augue et lorem sed odio at commodo hendrerit et sea voluptua amet option dolor tempor veniam. Labore accusam amet dolor et dolores at nonumy ea tation est.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.