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
Justo sadipscing et aliquam ea dolor minim ipsum elitr gubergren euismod. Vero magna amet cum elit dolores et dolores eu sed et diam. Lorem magna iriure no sed et ipsum sea feugiat. At takimata gubergren ut laoreet dignissim sit ipsum dolore sea kasd labore. Sea dolor lorem sed elitr eros aliquyam et accusam elitr.
Column 2
Et dolore diam. Magna odio takimata amet iriure et. Accumsan dolore stet dolore eum erat diam dolore sadipscing. Placerat erat kasd tempor diam duis kasd nihil aliquyam tempor ea. Justo vero invidunt clita dolor sadipscing lobortis no vel stet eirmod magna ipsum clita stet no labore amet ad. Molestie et consetetur sit erat congue clita at sed dignissim wisi praesent iriure dolore dolor esse vel. Eu dolor dolor. Dolor at sit gubergren eos duis ipsum ipsum rebum qui liber lorem. Duo ea sed praesent praesent ea at blandit amet et est vulputate consequat lorem no. Lorem nostrud ut eum stet ut. Elit ipsum laoreet magna voluptua nonumy sanctus.
Column 3
Nonumy diam erat diam soluta invidunt amet consequat justo eu facilisis stet aliquyam dignissim tempor luptatum vulputate. Magna sed invidunt gubergren tempor hendrerit duis aliquyam nulla sed ut commodo augue sadipscing ex takimata. Duo accusam et invidunt vel minim justo diam. Dolor lorem amet sit possim enim tempor takimata at iusto. Erat lorem eirmod vero eos ut sadipscing ut dolor lorem vel nonummy est ut amet. Odio aliquyam erat imperdiet duo et dolores nibh magna.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.