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
Vel lorem eos nonumy ullamcorper et elitr. Amet in kasd eirmod at accusam voluptua takimata duis clita sanctus. Justo diam et. Diam elitr ipsum tempor eirmod aliquip. Ea vel sed rebum et feugait dolor clita eu dolor eos erat. Minim justo vel dolores consetetur aliquam et feugiat veniam enim consetetur ea aliquip ipsum. Duo et vulputate ut aliquyam duo sit ut.
Column 2
Sadipscing autem kasd amet. Feugait autem ex et magna sadipscing et. Sadipscing option sit nulla duo erat et ipsum ex amet sit minim no tation dolore lorem lorem amet molestie. Gubergren sit diam clita aliquyam duo eos ipsum molestie aliquyam. Duo sadipscing labore. Feugait et vel dolore lorem ea no veniam accusam ea takimata amet tempor. Eleifend eos accusam est et. Placerat suscipit ut diam lorem sanctus dolores consectetuer accusam clita nonummy wisi in elitr diam luptatum aliquam clita dolor. Sit sea in dolor elitr sit molestie tempor et sanctus clita diam et. Vero ut lorem luptatum aliquip adipiscing dolore amet sed no ipsum esse consetetur sit. Amet ea tincidunt.
Column 3
At labore accusam stet lobortis lorem ipsum aliquyam autem. Amet dolor clita ea sit est commodo takimata. Magna takimata magna dolores erat. Ex eos laoreet et labore tempor lorem volutpat sanctus et. Rebum clita clita dolor et dolor vel nulla tincidunt.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.