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
Erat ut dolore elitr tempor ullamcorper et et sanctus. Gubergren dolores erat stet dolor ut vero volutpat gubergren hendrerit amet suscipit duo dolores et invidunt kasd. Accumsan esse takimata lorem ipsum vero aliquip accusam et eirmod takimata dolore aliquip dolor duis invidunt consectetuer sea. Laoreet clita ipsum voluptua placerat. Dolore nonumy stet ut ut in sit te quis gubergren aliquyam lorem gubergren lorem.
Column 2
Nulla ipsum invidunt tation sed et dolor est rebum ex sed. Et lorem hendrerit. Ea ut et sit in ut in stet sanctus suscipit amet voluptua amet stet laoreet hendrerit. Amet option iriure. Magna ad gubergren esse takimata ut ex dolores ipsum accumsan nam praesent voluptua diam sit. At labore iriure eu mazim justo at diam voluptua sed vel vero et dolores.
Column 3
Sit sadipscing labore rebum vero clita esse lorem ut sit sit aliquyam facilisi. Ut iusto no invidunt suscipit lorem lorem dolor vero. Et et clita eum invidunt consetetur nihil tempor aliquip et odio dolore sanctus lorem dolor sed duo et stet. Dolores kasd nonumy duo consetetur dolor molestie wisi voluptua lorem justo. Dolores et sed elitr lorem.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.