title: Removing space between vertical div
body: <pre><code>&lt;div class="flex-33"&gt;      
        &lt;div class="menu-container"&gt;
          &lt;img class="menu-image" src="img/bocadillobody.png" alt="Sandwitch"&gt;
          &lt;div class="menu-description"&gt;
           &lt;h4&gt;Sandwitch&lt;/h4&gt;
           &lt;p&gt;Powder marshmallow marshmallow brownie carrot cake candy bonbon. Sweet sugar plum gummies caramels tart carrot cake tiramisu cheesecake. Cheesecake biscuit jelly beans. Jelly-o icing chocolate macaroon.   &lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;          
  &lt;/div&gt;
  </code></pre>
  
  <p>Can some one please help me to eliminate white space between two divs <code>img</code> and <code>.menu-description</code> please?</p>
  
  <p>I reckon in last 3 hrs I tried all what was explained <a href="https://www.google.es/webhp?sourceid=chrome-instant&amp;ion=1&amp;espv=2&amp;ie=UTF-8#q=remove%20space%20between%20divs" rel="nofollow">here</a>, but only had partial luck, where white-space disappeared, but reappeared on changing browser <code>width</code>.</p>