title: Vertical alignment doesn't work (HTML5)
body: <pre><code>&lt;body&gt;
     &lt;div style="width:800px; height:500px; margin:0 auto; background-color: blue" &gt;
        &lt;div style="vertical-align:middle;"&gt;&lt;img src="sl1.jpg" width="50%"&gt;&lt;/div&gt;
     &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>This code is not working... how do I align the image vertically?</p>