title: Vertical align 3 divs with inline-block
body: <p>I can't make vertical align all 3 divs inside this li. I have tried inside a div too, but nothing. What can I do?</p>
  
  <pre><code>&lt;li style="list-style:none;border-bottom:1px solid white;height:60px;background-color:blue;padding-left:5%;padding-right:5%"&gt;
    &lt;div style="max-width:39%;min-width:39%;display:inline-block;;vertical-align:middle;text-align:right"&gt;
      Equipo 1
    &lt;/div&gt; 
    &lt;div style="max-width:19%;min-width:19%;display:inline-block;vertical-align:middle;text-align:center"&gt;
      18/05&lt;br&gt;12:30
    &lt;/div&gt; 
    &lt;div style="max-width: 38%;min-width: 38%;display:inline-block;vertical-align:middle"&gt;
      Equipo 2
    &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/526TD/" rel="nofollow">Demo</a></p>
  
  <p>Thanks</p>