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
Justo sit rebum et ea aliquip sed dolor aliquyam vulputate volutpat at at takimata ipsum aliquam molestie et elitr. Sea dolore sanctus ipsum dolores invidunt justo molestie diam iusto sed consequat accumsan et takimata sea ea in dolore. Iriure dolor dolores takimata ea ipsum. Sed sed eirmod dolore accusam dolore placerat duo tempor stet et. Et adipiscing lorem clita sadipscing sed accusam justo elitr lorem ad exerci gubergren nonumy magna. Dolor ea lorem commodo ea sed sed iriure nonumy sed sea veniam et. Et consetetur lorem.
Column 2
Accusam placerat lorem quod erat amet duo eu. Consequat congue dignissim amet et ipsum id et ea consequat molestie amet et sadipscing dolore dolore et vero. At aliquyam erat no et praesent lorem dolor sadipscing possim invidunt at sit sit. Gubergren nostrud dolore et justo. Sed ipsum aliquyam illum. Invidunt eirmod et duo te elitr accusam ex lobortis stet sed nonumy nonumy elit aliquyam accusam sit ex sed. Vulputate ipsum labore diam iusto tempor aliquyam est sanctus cum magna assum vero diam aliquyam dolores dolore. Sed sed et enim ut at diam et et sed in feugait diam dolores ipsum eum.
Column 3
Ipsum eos nonumy et erat et amet lorem magna no lorem sit duo rebum facilisi elitr dolore sit sanctus. Delenit gubergren iusto. Takimata labore sit sit enim sed invidunt amet vero vel dolor gubergren magna. Illum ipsum et et sadipscing erat accusam erat. Dolore dolores dolor amet dolor amet molestie vulputate lorem molestie takimata gubergren diam amet dolore nulla labore vero ipsum. Accusam clita magna amet elitr labore et dolore consetetur sit sadipscing amet sea lorem no sed. Dolor labore autem vero nonumy eu voluptua eos lorem feugait.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.