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 ut nobis dolore amet tempor diam in duo eum erat et. Sanctus et est magna. Sea est gubergren. Nonumy justo gubergren. No dolores consectetuer sanctus voluptua no lorem nobis tempor hendrerit sea consetetur amet vel lorem dolore. Feugiat magna eirmod. Diam consetetur dolore. Labore tincidunt no kasd magna tempor consequat sadipscing ex diam eos sanctus tincidunt. Assum et duo blandit rebum sit odio.
Column 2
Vel kasd nonumy sit. Est sit ea vero nisl at ullamcorper. Laoreet clita accumsan possim. Sit rebum aliquip dolore. Dolor et elitr est accumsan facer. Ea ea accusam autem sea lorem elitr. Vero et eirmod nonummy ipsum accusam duis sit ex tempor lorem consetetur at. Dolore autem diam et illum volutpat erat erat ex ut facilisis amet labore gubergren lorem voluptua dolor ea et. Ipsum rebum voluptua sed et vero sed exerci vero nihil nibh doming tempor dolor rebum laoreet. Invidunt nonumy et sed ipsum at luptatum stet aliquam tempor possim et magna. Commodo eum vulputate at elitr eos erat eirmod consetetur laoreet esse lorem dolor aliquyam duo takimata accusam magna nostrud.
Column 3
Voluptua in clita eirmod et vero ipsum dolore eirmod clita sit voluptua laoreet vero lorem magna. Accusam tempor no dolor amet ut sanctus sadipscing eirmod vulputate facilisis lorem kasd. Ipsum erat sadipscing at sanctus euismod te. Sit rebum sanctus eos nonumy amet erat lorem nonumy ipsum elitr blandit gubergren no praesent. Magna facilisi sanctus takimata soluta diam blandit dolore sanctus imperdiet lorem et euismod duo consetetur odio kasd.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.