title: Vertical align inside div, vertical-align: middle not working
body: <p>Vertical-align: middle; is not working.</p>
  
  <pre><code>From css file :
  #header {height:150px; text-align: center; vertical-align: middle;}
  
  &lt;div id="header"&gt;
      &lt;img alt="" id="logo" src="images/logo.png" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would wrap the logo inside another div if it helps to align it to the center of the wrapper div.</p>