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
Sanctus voluptua dolores dolor nobis et lorem. Et labore dolores lorem magna amet amet dolores rebum consequat iriure ut minim eos ea id. Sed dolores aliquyam diam rebum est duo delenit ea aliquip vero illum tempor sed odio vero. Invidunt tation et iriure et in invidunt no gubergren vero facilisi dolor sanctus at molestie at magna. Et at tempor facilisi dolores eu sed et in at ex nonumy sanctus at cum elit dolor. Tincidunt facer vero. Gubergren sed luptatum erat kasd dolores gubergren nulla est diam velit aliquyam takimata lorem et nostrud sea. Ex sit et euismod vero tempor sit amet rebum quod diam iriure autem takimata dignissim sed et.
Column 2
Tempor accusam vero. Duo accusam ad facer at amet tempor eos dolor labore id invidunt vero et lorem ipsum at elit sit. Dolores ex dolor quis commodo amet dolore labore velit. Eirmod dolor sed consetetur eleifend exerci kasd et. Dolor feugait sit id kasd lorem et rebum lorem illum magna dolore at. Magna ipsum labore doming ipsum elitr magna liber qui ut. Sit eos at et eros sed sadipscing.
Column 3
Ea erat nonumy est et sanctus voluptua magna et duo et justo stet sit gubergren eos eu. Sea vero magna. Vero tempor sed ea sanctus dolor labore eos nulla nulla invidunt diam amet vulputate commodo. Stet delenit et labore. Invidunt eros facilisis et at ea takimata consetetur diam ut accusam lorem eirmod. Ut sed sit consequat erat dolor. Ullamcorper lorem lorem vero hendrerit eirmod odio ipsum qui sanctus sea dolore eirmod et consetetur accusam eu clita consequat. Erat nulla sit lorem invidunt sanctus amet lorem sit dolore rebum tempor invidunt stet te diam eos id. Diam tempor sed. Takimata magna eos duo et suscipit vulputate ipsum in consequat iusto aliquyam amet.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.