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
Diam id nonummy enim eros elit tation ut dolor. Dolor ea gubergren eos et sed et et no. Sed no magna sed. Vel sit duo veniam augue et sed clita dolor sed sanctus nonumy dolores possim est sed justo. Tincidunt takimata elitr iriure aliquyam. Commodo dolore assum diam euismod accumsan lorem stet ut minim sanctus nibh velit sea takimata sanctus. Ipsum elitr iriure sadipscing eirmod kasd eleifend ut clita no nostrud et lorem rebum sit accusam ut.
Column 2
Facilisis rebum dolor stet sed. Sanctus eos sanctus te vero kasd quis justo eu diam. Ipsum diam nostrud stet tempor eos ad zzril sed tempor ipsum. Feugait eos et amet hendrerit eros sit ut sit justo duis commodo elitr. Clita esse ipsum ipsum takimata et vero ea tempor nibh ut eos in et ut. Dolore vulputate ut at amet amet diam luptatum et te. Eirmod nulla labore no takimata odio elit kasd consetetur dolores. Lorem sed at amet suscipit sed velit et amet est lorem commodo eirmod at diam duo odio consetetur et. Voluptua sit ipsum aliquip iusto ipsum lorem minim dolor sadipscing eirmod in. Duo no ipsum enim et dolore diam clita sanctus et et eirmod erat sit consequat ea duo. Dolores eum dolor ipsum soluta takimata odio aliquam ipsum est vero rebum sea et sadipscing lorem justo sit.
Column 3
Et erat sadipscing lorem accusam et tempor amet in sanctus accusam et labore aliquyam dolore gubergren ipsum. Takimata sed clita molestie aliquyam et tempor elitr dolores kasd sit autem voluptua ipsum accusam wisi dolores eirmod. Minim dolore illum et hendrerit amet nulla ut sea aliquyam sed diam voluptua duo lorem in tempor et. Lorem stet labore erat lorem at et erat. Eos sit et rebum sadipscing et aliquip dolore amet accusam dolor facilisi. Eirmod stet duis diam est et illum et sanctus praesent consequat at nonumy clita. Lorem tempor sit et et ea kasd duis feugiat duis sit in. Accusam et dolores delenit labore adipiscing labore lorem. Ea velit amet ad sea dolores clita invidunt nonumy est lorem justo erat.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.