title: How to center vertically child elements inside div
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/388180/how-to-make-an-image-center-vertically-horizontally-inside-a-bigger-div">How to make an image center (vertically &amp; horizontally) inside a bigger div</a>  </p>
  </blockquote>
  
  
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div class="promo_tumbs col_12"&gt;
      &lt;div class="promo_tumb"&gt;&lt;/div&gt;
      &lt;div class="promo_tumb"&gt;&lt;/div&gt;
      &lt;div class="promo_tumb"&gt;&lt;/div&gt;
      &lt;div class="promo_tumb"&gt;&lt;/div&gt;
      &lt;div class="promo_tumb"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS part:</p>
  
  <pre><code>.promo_tumbs {
      height: 155px;
      background: #058;
  }
  .promo_tumb {
      height: 75px;
      width: 125px;
      background: #990000;
      float: left;
      margin: 0 10px;
      text-align: center;
  }
  </code></pre>
  
  <p>How can I vertically center <code>.promo_tumb</code>?</p>