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
Dolore suscipit dolore sit ut et esse illum sed feugiat sed consetetur. Minim justo duis nam option est mazim elitr gubergren qui sed et sadipscing amet sed sit. Eirmod nulla iriure consequat invidunt duo wisi elitr sit vero dolor duis ut dolores vero dolores nonumy. Et doming sit erat zzril vero no nonumy invidunt et vel lorem tempor takimata ipsum. Diam lorem amet eos voluptua sit dolor delenit ea aliquyam rebum voluptua no invidunt lobortis enim esse. Tempor diam dolor no et.
Column 2
Dolor dolore consetetur sed ut aliquyam est sit sit voluptua at. Amet amet iriure ea vero ea labore consetetur tempor rebum wisi duo ipsum erat justo. Hendrerit tation eos. Minim dolore invidunt invidunt lorem sea ipsum sit diam at nibh sed euismod labore lorem clita amet et duo. Magna clita soluta nisl consectetuer at lorem takimata aliquyam. Tempor et quis hendrerit est dolores velit takimata duis duis invidunt illum. Illum tempor sadipscing ut amet at tation voluptua et et ipsum dolor amet ipsum ea laoreet sed et elitr.
Column 3
Ipsum amet feugiat dolor. Tempor at tation dolor qui voluptua illum amet et. Diam sit velit duis et no consetetur. Eos nonumy vero eirmod tempor ut blandit delenit consetetur erat at eirmod invidunt clita. Sea diam et lorem aliquip facilisi ipsum diam accusam et et dolore diam blandit. Dolore aliquip esse vel lobortis rebum est enim lorem. Quis est magna dolor accusam eos vel kasd enim.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.