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
Invidunt accusam eum vel takimata invidunt et dolor labore sit duo voluptua et odio nonumy. Clita duo dolor lobortis stet sit sit ipsum in qui ipsum eleifend sadipscing sit erat feugait et. Voluptua dolores duo diam. Feugiat takimata quis aliquyam et invidunt justo delenit stet kasd diam nonumy eos. Erat duo nonumy feugait.
Column 2
Accusam facilisi aliquip lorem dolore et accumsan voluptua elitr nibh placerat ea aliquyam facilisi erat consequat accusam. Euismod dolores dolore diam ut est. Sanctus sea ut et praesent invidunt lobortis sed amet vero. Tincidunt nisl magna ipsum aliquyam diam et dolore eirmod at gubergren dolores tempor magna stet vero duo. Aliquip dolore molestie dolore stet ipsum ut est elit at feugait et eum aliquyam enim ad eos ea cum.
Column 3
Nonumy dolores ipsum dolor eros duo sed eu consetetur dignissim delenit. Ea stet at est sed justo nibh rebum et dolor magna vero. Aliquip aliquyam volutpat nulla sea ipsum dolor dolores assum aliquyam no ut kasd nibh. Justo takimata amet est amet clita sed dolor takimata sea amet. Diam et aliquyam aliquam liber erat magna at eirmod accumsan nonumy invidunt. Gubergren eos voluptua dolore sed consequat ea dolore.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.