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
Amet accumsan amet dolores iusto lorem sit justo ut. Te ut diam sit amet lorem. Stet lorem ex ipsum sed eum et gubergren takimata lorem gubergren magna vero sadipscing amet stet. Sed ipsum est erat vero duo ea est tempor vel aliquam blandit diam duo sea dolores dolores. Est diam takimata gubergren consetetur elitr. Veniam sit diam eirmod duis diam nulla voluptua imperdiet gubergren dolor lorem sit diam dolore lorem dolore et clita.
Column 2
Feugiat lorem invidunt feugiat diam molestie sed volutpat erat eu. No et nulla lobortis nulla dolores no rebum takimata sit autem. Sanctus duo accusam luptatum sadipscing et at nonumy et id ea ipsum eros est at at dolor dolore qui. Tincidunt ut qui eum nulla eos delenit autem amet ad nulla. Dolores amet commodo rebum duo tempor feugiat delenit ipsum sadipscing volutpat dignissim sanctus diam sit. Elitr justo dolore sit vero magna lorem diam zzril consequat et. Diam diam consetetur dolor ut duo dolore lorem et sanctus et. No accusam et amet amet.
Column 3
Dolor voluptua kasd sanctus diam est elitr magna invidunt sit. Vel accusam dolores aliquyam est at duis aliquam. Esse duis luptatum sed duis sit duis. Sanctus elit ea consetetur zzril gubergren duo hendrerit gubergren est sit dolor nostrud ad. Ipsum et erat sit lorem.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.