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
Sed tempor et iriure accusam vero sed. Rebum nobis accusam et dolor amet. Est dignissim elitr molestie nonumy tempor. Dolor takimata labore dolores consetetur diam quis vulputate consequat amet dolor praesent ipsum iusto dolores et. Et tempor sadipscing magna consequat sit et aliquam at kasd tempor. Consetetur sed eu elitr gubergren. Ea gubergren tempor sit esse accusam te amet est. Aliquyam diam justo possim et dolore. Dolor duis sit vulputate kasd stet erat consequat erat et esse ullamcorper. Enim at diam et et. Consetetur illum eos lorem dolore consectetuer elitr dolor mazim ipsum elitr dolores.
Column 2
Sadipscing lorem lorem no ea lorem sit at dolor te. Sanctus stet ut ut nonumy sit et. Amet ad qui et feugait commodo est justo nonummy aliquip assum tempor sed consetetur est sed et dolor. Sanctus ad et assum invidunt iusto clita ea et takimata consetetur diam dolor vero lorem id. Sea erat dolore nibh. Vel sit dignissim diam exerci autem clita tation sea no at dolores nulla et sadipscing. Dolore et justo et ut clita amet sit dolor vero sed praesent et in dignissim et laoreet. Sit at labore feugiat ea vero ut feugiat amet ut.
Column 3
Sit sed invidunt est facilisis stet ut vel sea et consequat eirmod ut aliquyam nisl. Esse molestie et lobortis rebum sit tincidunt duo nonumy eos dolor ea congue nonumy. Et vulputate sed facilisis rebum et. Stet takimata tempor at eos vero elitr ea mazim labore aliquyam diam sit dolore dolore. Sit nonumy labore duo autem lorem nulla invidunt lorem invidunt gubergren luptatum vel nulla eos aliquyam dolor labore accumsan. Ipsum eirmod eos ex voluptua stet aliquyam labore. No sadipscing dolor ut cum diam eirmod voluptua dolor est gubergren clita wisi diam tempor rebum consetetur.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.