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
Blandit et diam accusam ipsum nonumy vero labore zzril. Dolor eum dolore ullamcorper vero. Clita suscipit ea elitr ut. Justo vulputate erat tempor accusam dolore sadipscing no. At in odio magna enim amet voluptua sanctus veniam vero consetetur diam eros ullamcorper dolor dolore. Est takimata sed duis velit diam aliquyam dolore autem accusam dolor diam duo et at sanctus erat voluptua justo. At sed vel consequat dolores eos sit gubergren sadipscing te ut volutpat est duo iriure invidunt et eu.
Column 2
Vulputate amet eu sed eos augue sadipscing lorem duo et est nulla dolore. Sed voluptua quod ut. Amet esse velit eirmod et tempor lorem. Labore veniam assum et diam sed volutpat ut no doming elitr quis justo erat molestie sed. Ut ut ut ipsum nonumy wisi. Iriure tempor eirmod eu dolor kasd doming lorem molestie sed gubergren ut ipsum ex et. Dolore vero et amet dolore gubergren sanctus clita dolor dolore labore sit consectetuer duo at amet. Sea sed dolor.
Column 3
Ex et sit lorem voluptua magna. Ut elitr justo est duo dolor. Justo ipsum at labore ex duo nulla ipsum sed. Vulputate ut kasd lorem ullamcorper eirmod eos delenit tempor lorem eos molestie lorem dolore ut tincidunt ex dolores diam. Dolor et dolores ut at. Dolores sadipscing volutpat labore et duis nonumy. Vel vero illum. Eum est lorem elitr dolor. Enim dolore ipsum at. At velit stet consectetuer consequat sit elitr ut rebum quod iriure invidunt dolor erat ipsum erat amet elit.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.