title: appending DIV comes vertically
body: <p>In the below code, progressDiv  is the DIV which is getting build up. But it is getting build up vertically... i need it horizontally... 
  What shud i do ?</p>
  
  <pre><code>    var progressDiv = document.getElementById('progressDiv')
      var div = document.createElement('div');
  
      div.style.display = 'block';
      div.style.cssFloat = 'left';
      div.style.width = '10px';
      div.style.height = '10px';
      div.style.backgroundColor = 'red';
      div.style.border = '1px solid black';
  
      progressDiv.appendChild(div);
      if (progressDiv.childNodes.length == 20)
          while (progressDiv.hasChildNodes())
              progressDiv.removeChild(progressDiv.firstChild);
  </code></pre>