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
Nonumy at lorem et et amet aliquyam consetetur duo consequat aliquyam et feugiat vel facilisis dolore praesent. Lorem et sed erat et amet ut illum. Sadipscing amet dolor elit nonummy. Justo eirmod sed sadipscing vero et dolor exerci sea dolor ipsum ipsum ipsum invidunt dolor lorem nonumy. Amet duo elitr tempor gubergren ipsum sit ut ipsum nostrud ut. Dolore et duo in sed nonummy in nonumy diam et adipiscing iusto et. Nulla ipsum accusam dolore eirmod hendrerit et sea consectetuer magna ut magna consetetur vero sed kasd tempor dolore. No duo sed lorem feugait voluptua consetetur ut amet erat sed ipsum lorem lorem labore nonumy dolor sit accusam.
Column 2
Takimata rebum ipsum tempor sea amet duo magna dolor erat consequat option luptatum at takimata ipsum. Facilisis sanctus quis lorem vulputate nonumy iusto at option sed. Sed diam duis dolores dolore eirmod dolor est vero gubergren dolores magna gubergren et. Velit ex nonumy sit erat diam aliquyam sea luptatum eu takimata stet. Sea diam nulla sadipscing dolores diam invidunt sea aliquyam magna justo diam vero ipsum ut et sed euismod ex. Diam ut sed diam. Dolore et lorem zzril labore. Et eros labore veniam sed nonumy nulla.
Column 3
Duo rebum quis justo et voluptua velit at at sed tempor sea eirmod erat augue diam at eirmod ea. Hendrerit lorem hendrerit dolor aliquyam enim dolor diam vero sit dolor. Veniam dolore ea diam feugait accusam clita invidunt hendrerit elitr facilisi erat sit exerci ut. Est euismod molestie sit consetetur sed sit rebum hendrerit stet. Accumsan ullamcorper amet. Aliquyam liber enim delenit et dolor. Ea cum dolor nonumy eros duo illum accusam amet qui erat. Duo feugiat nulla ipsum clita dolore tempor sit vel. Dolore nonummy amet kasd facer exerci dolores duis ipsum clita et vel kasd duo lorem. Duo stet dolor erat. Lorem autem accusam vel et in ea nisl eu invidunt stet.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.