добавьте стили для разбивки текста на несколько колонок для первого DIV
<html>
<style>
body > div {
-moz-column-width:110px;
-webkit-column-width:110px;
column-width:110px;
}
</style>
<body style="overflow:hidden">
<script>
var m = document.createElement('DIV');
m.style.cssText = 'height:300px; width:100%; background-color:#CCCCFF; overflow:hidden;';
document.body.appendChild(m);
function one(i)
{
var d = document.createElement('DIV');
d.style.cssText = 'height:20pх; width:100px; margin:5px; text-align:center; background-color:#FFAAAA; float:left;';
d.innerHTML = i;
m.appendChild(d);
};
function test()
{
for (var i=1; i <= 100; i++) one(i);
};
test();
</script>
</body>
</html>
а для IE<10
http://www.xiper.net/collect/js-plug...ti-column.html