<!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: 20px;
}

.floatbox {
	float: left;
	margin: 3px 10px 0 0;
	padding: 8px 3px;
	width: 55px;
}

</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</p>
    </div>

</div>

</body>
</html>