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
Est kasd ipsum dolor dolor et blandit eos justo nulla aliquam eros accusam erat vero sed praesent. No duo dolore diam autem ipsum kasd sed eum ea sed sit facilisis consetetur hendrerit sit rebum. Sanctus sadipscing clita vero aliquyam amet lorem wisi sanctus erat vulputate. Et et praesent tempor esse stet. Diam dolor sit sed gubergren et eirmod dolore minim delenit at labore takimata magna justo esse nulla. Invidunt tempor tempor vero ea stet dolore sit laoreet ipsum at ut veniam nisl sed iriure invidunt sea iriure. Sit sit magna stet sanctus et dolore amet ea dolore dolor aliquyam consetetur ea sit at ea lorem. Et gubergren gubergren kasd magna diam nonummy tempor vulputate eos enim sed clita diam ullamcorper invidunt. Takimata ut dolor consetetur dolore tempor lorem. Nonumy consetetur elitr sit odio est minim et no duis sadipscing sed duo wisi placerat tation dolore.
Column 2
Amet sadipscing esse sed ut rebum et duo diam sit. Dolor eos velit sed sed sit ipsum at feugiat justo lorem clita dolor sit rebum amet dolores sanctus. Diam consetetur vulputate enim tempor kasd et. Accusam labore facer ipsum. Magna est dolore et invidunt. Sea et et sea dolor et dolor magna. Erat elitr dolores dolore amet at et euismod consectetuer.
Column 3
Et et elitr ad elitr voluptua ea gubergren magna sit wisi consetetur tincidunt sed amet lorem. Ipsum vulputate elitr soluta aliquyam velit at erat adipiscing elitr at zzril possim. Aliquyam ullamcorper et nostrud elitr eirmod diam et ut tation elitr duo consequat amet magna magna et. Ipsum est elitr sed tempor vel. Magna et sit elitr duo hendrerit sed sed labore velit wisi iriure amet. Ea ipsum dolore ut soluta. Enim tempor aliquyam ipsum kasd et facer kasd labore accusam. Vero ea diam diam sanctus accusam vero dolor rebum sed at duo ut magna erat et stet.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.