title: Aligning div content vertical center doesn't work
body: <p>I read many answers about vertical align of content in divs, and tried to implement the major answer that I saw:</p>
  
  <pre><code>.middle-col{
     vertical-align: middle; 
     display: table-cell;
  
  }
  </code></pre>
  
  <p>But it doesn't work.</p>
  
  <p>See <a href="http://jsfiddle.net/aKybp/4/" rel="nofollow">http://jsfiddle.net/aKybp/4/</a>. </p>
  
  <p>Since it's built based on bootstrap, you would need to expand left the result of the HTML to see the div</p>
  
  <p>What I am trying to achieve is - to align vertically center the content of the middle column</p>