title: CSS <div> Wrapping error
body: <p>I have <code>&lt;div&gt;</code> called container which are wrapping couple of  <code>&lt;div&gt;</code>s  called block and I used a jquery plugin called columnizer to split the block into column.The problem is , I can't seem to make the <code>&lt;div&gt;</code> called container wrap the  blocks which are going over the div .I also got picture to demonstrate my problem.</p>
  
  <p>I tried alot of solutions like , removing the container width but it doesn't work because the jquery plugyin called columnizier need a width i think.</p>
  
  <p><img src="https://i.stack.imgur.com/JyLUa.jpg" alt="enter image description here"></p>
  
  <p>My html</p>
  
  <pre><code>&lt;script type = "text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type = "text/javascript" src ="https://raw.github.com/adamwulf/Columnizer-jQuery-Plugin/master/src/jquery.columnizer.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
      $(function(){
          $('h1').addClass('dontend');
          $('.wide').columnize({
              width : 100,
              height : 300
          });
      });
  &lt;/script&gt;
  
   &lt;script  style="display:none" type="text/javascript"&gt;var Mint=new Object();Mint.save=function()
  {var now=new Date();var debug=false;if(window.location.hash=='#Mint:Debug'){debug=true;};var path='http://welcome.totheinter.net/mint/?record&amp;key=6a56784248357a3735323031363633316663796c526d';path=path.replace(/^https?:/,window.location.protocol);for(var developer in this)
  {for(var plugin in this[developer])
  {if(this[developer][plugin]&amp;&amp;this[developer][plugin].onsave)
  {path+=this[developer][plugin].onsave();};};};path+='&amp;'+now.getTime();if(debug){window.open(path+'&amp;debug&amp;errors','MintLiveDebug'+now.getTime());return;};var ie=/*@cc_on!@*/0;if(!ie&amp;&amp;document.getElementsByTagName&amp;&amp;(document.createElementNS||document.createElement))
  {var tag=(document.createElementNS)?document.createElementNS('http://www.w3.org/1999/xhtml','script'):document.createElement('script');tag.type='text/javascript';tag.src=path+'&amp;serve_js';document.getElementsByTagName('head')[0].appendChild(tag);}
  else if(document.write)
  {document.write('&lt;'+'script type="text/javascript" src="'+path+'&amp;amp;serve_js"&gt;&lt;'+'/script&gt;');};};if(!Mint.SI){Mint.SI=new Object();}
  Mint.SI.Referrer={onsave:function()
  {var encoded=0;if(typeof Mint_SI_DocumentTitle=='undefined'){Mint_SI_DocumentTitle=document.title;}
  else{encoded=1;};var referer=(window.decodeURI)?window.decodeURI(document.referrer):document.referrer;var resource=(window.decodeURI)?window.decodeURI(document.URL):document.URL;return '&amp;referer='+escape(referer)+'&amp;resource='+escape(resource)+'&amp;resource_title='+escape(Mint_SI_DocumentTitle)+'&amp;resource_title_encoded='+encoded;}};Mint.save();&lt;/script&gt; 
  
  
  &lt;!DOCTYPE html&gt;
  
  
  
  
  &lt;meta charset="utf-8" /&gt;
  &lt;link rel="stylesheet" href="b.css"&gt;
  
  
  
  &lt;div class="container"&gt; &lt;div class="wide"&gt;
  
  
      &lt;div class="block"&gt;&lt;/div&gt;&lt;br&gt;
      &lt;div class="block"&gt;&lt;/div&gt;&lt;br&gt;
      &lt;div class="block"&gt;&lt;/div&gt;&lt;br&gt;
  
  
  &lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My css</p>
  
  <pre><code>.container {
      background-color: #ED8713;
      height: 300px;
      width: 200px;
  
  }
  .block {
      width: 50px;
      height:250px;
      background-color: #C31212;
      margin: 10px;
      margin-top: 5px;
  }
  </code></pre>