<!DOCTYPE html> <html> <head> <style type="text/css"> body { width: 500px; } p { font-family: monospace; font-size: 12px; } .columns { -moz-column-count: 3; } .toppadded { padding-top: 18px; } .floatbox { float: left; margin: 20px 0px 0 0; width: 90px; } </style> </head> <!-- <body onload="document.getElementById('foo').appendChild(document.createTextNode('aaaaaaa'));"> --> <div class="columns"> <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p>C <p id="foo">xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx xxxxxx </p> <div class="toppadded"> T <p class="floatbox">W W W W W W W W Waaaaaaa</p> </div> </div> </body> </html>