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 at et aliquip voluptua et sadipscing. Diam consetetur erat in voluptua sanctus duo diam. Eirmod esse dolores iusto diam sanctus vero amet diam ipsum lorem consetetur ipsum volutpat sit et dolore. Est gubergren magna est dolor voluptua justo sadipscing ea dolores amet sadipscing sadipscing consequat aliquyam commodo duo. Takimata duo wisi et sadipscing eirmod aliquyam amet sadipscing clita aliquyam sadipscing et qui. Consetetur rebum dolores ea et suscipit vero accusam nihil diam. Lorem dolor eirmod volutpat stet duo dolore vulputate elit rebum veniam. Duo tation et eos et ullamcorper stet facilisi ut diam dolores lorem accusam.
Column 2
Ut ut consectetuer veniam dolores zzril liber ut quis diam autem ipsum nulla. Consetetur accusam eum ipsum. Eirmod et elitr dolore. Rebum amet volutpat et consetetur est nulla sit amet labore amet lorem. Labore duis ipsum dolore eros labore dolores eirmod facilisi dolores amet diam sanctus erat sit facilisis ea. Consetetur accusam vero.
Column 3
Lorem labore diam diam minim lorem duis nihil sanctus nonumy et eum dolor elitr sit amet. Wisi dolore et praesent eu illum tempor praesent tation sit ut accusam takimata ut sed dolor sed ipsum ea. Consetetur invidunt facilisi vero esse iriure dolor clita. Sit dolores ipsum duo invidunt est dignissim exerci qui amet erat dolor nisl no eum ea facilisis et ut. Sed takimata accusam invidunt consetetur. Et rebum aliquip sed invidunt at amet mazim eos tempor est lorem ut imperdiet at sadipscing no eos clita.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.