title: Center vertically 2 items inside another centered div
body: <p>Here's what i want:</p>
  
  <p><a href="https://i.stack.imgur.com/K1YM6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K1YM6.png" alt="imgs centered"></a></p>
  
  <p>And here's what i've done so far:</p>
  
  <p><a href="https://i.stack.imgur.com/poHTq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/poHTq.png" alt="done"></a></p>
  
  <p>What i don't know how to do in a better way is how to center the divs inside the panel, heres the html:</p>
  
  <pre><code>&lt;section id="purchases-dashboard" class="container"&gt;
  
      &lt;div class="dashboard-options row panel"&gt;
  
          &lt;div class="col-md-4 text-center dashboard-option"&gt;
  
              &lt;img src="http://www.nucanorthtexas.com/wp-content/uploads/2013/11/supplier-icon.png" alt="Proveedores"&gt;
  
              &lt;p&gt;Proveedores&lt;/p&gt;
  
          &lt;/div&gt;
          &lt;div class="col-md-4 text-center dashboard-option"&gt;
  
              &lt;img src="https://cdn4.iconfinder.com/data/icons/pretty_office_3/256/inventory-maintenance.png"
                   alt="Supplier"&gt;
  
              &lt;p&gt;Productos&lt;/p&gt;
  
          &lt;/div&gt;
          &lt;div class="col-md-4 text-center dashboard-option"&gt;
  
              &lt;img src="http://www.iconshock.com/img_jpg/SUPERVISTA/accounting/jpg/256/inventory_icon.jpg" alt="Supplier"&gt;
  
              &lt;p&gt;Inventario&lt;/p&gt;
  
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/section&gt;
  </code></pre>
  
  <p>And the css:</p>
  
  <pre><code>.dashboard-options {
      width: 1000px;
      height: 300px;
  
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
  
      margin: auto;
  }
  
  .dashboard-option &gt; img {
  
      width: 170px;
      height: 140px;
  
  }
  </code></pre>
  
  <p>What i need is to know how to center vertically the <code>.dashboard-option</code> class divs... notice that i've centered the <code>.dashboard-options</code> div.</p>