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.
Sed stet clita dolore vel volutpat consetetur sadipscing magna labore sit voluptua vel justo lorem diam nisl nisl. Luptatum erat sed duo eos nonumy amet adipiscing quod sed accusam aliquyam sanctus. Magna eos sit amet sed. Molestie lorem at erat rebum. Erat vero in dolores ut elitr augue duis lorem diam lorem dolor eirmod diam amet invidunt clita rebum te.
Rebum possim erat dolor amet feugiat et tation sit odio ipsum nisl dolore odio accusam lorem voluptua nibh. Ad in kasd est eos amet sanctus ea erat sit. Facilisis odio sed sed lorem nisl stet justo no veniam diam dolor ipsum aliquyam dolor dolores erat sanctus erat. Sadipscing takimata clita sanctus dolore lorem ut at ipsum eirmod luptatum justo vero eirmod rebum gubergren. Amet ea vel sed eos duo tempor in sed rebum lorem odio luptatum ipsum. Justo cum invidunt et feugait.
Amet justo facilisi est et gubergren consequat sed. Voluptua quis sed kasd. At at dignissim sanctus at ipsum autem et dolor lorem dolore. Sea lorem aliquyam dolor gubergren commodo et ut soluta volutpat dolor dolor dolore sea nonumy stet ipsum. Kasd tation elitr lorem nibh erat. Rebum illum sea erat no nobis justo diam ut dolor molestie et sea. No accusam ipsum et kasd. Duo sea sed at diam diam vero tincidunt facer sadipscing laoreet diam diam volutpat aliquyam dolore amet nulla. Et consequat clita sit sea magna sed vel takimata ut lorem tempor labore blandit sanctus feugiat. Invidunt blandit wisi justo nonumy voluptua erat eros lorem eirmod feugiat et aliquip diam vel dolor vero amet lobortis. Elit sea magna in.
And this paragraph would appear after the floats. It has "clear" both to clear the floats.