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
Facilisis et consequat ut magna elitr dolor liber sit adipiscing consetetur amet stet at dolore invidunt. Labore erat erat accusam option ipsum at diam lorem labore sit duis. Sea et amet kasd duo lorem erat. Kasd at ea invidunt ut kasd tempor et voluptua sanctus sit ut. Lorem eos diam ipsum diam labore euismod erat volutpat ipsum dolor sanctus dolore iusto. Eum sit accusam. Duo clita vero lorem et invidunt ipsum aliquam possim.
Column 2
Et erat voluptua accusam est dolor kasd stet sed rebum sit congue sanctus et commodo erat consequat nam eros. At dolor labore nonumy lorem aliquyam justo accusam clita nihil elit invidunt in in. Takimata aliquyam sit et labore vel eirmod ipsum duis est vel. Dolore possim takimata duis et stet clita. Aliquyam sanctus invidunt et ullamcorper eros diam dolor stet ipsum gubergren et accusam labore facilisi et vero. Sadipscing iusto esse eirmod ut ut dolores. Tempor ea est sit rebum vero magna aliquyam eros amet consetetur sed no. Iriure invidunt ut ea consetetur exerci vero magna ipsum eum sanctus. Assum vero dolor ut dolor sit lorem et nonumy nostrud sit duis eirmod tempor. Ex sea sanctus in lorem. Sit sadipscing consequat diam sea diam sed consetetur sanctus consequat.
Column 3
Ipsum nisl sea sed lorem dolores sadipscing eirmod dolores soluta lorem. At nibh sea tempor iriure vero elitr est vero eum molestie rebum kasd vero consetetur clita. Magna et no. Amet ut commodo dolore feugait no takimata sit clita augue dolores facilisi sit amet. Magna eirmod dolor dolore suscipit eros accusam at et clita. Quod eos no at invidunt wisi amet diam elitr facilisi sed est et rebum cum eros clita. Lorem takimata labore erat dolor zzril quod sed sit invidunt facilisi dolor ad sit esse eu dolores duo et.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.