title: How to vertical align a table inside a div
body: <p>I have a background div with set dimensions, which includes a table element.</p>
  
  <p>I'm looking for a way to position the table in the middle-left of the div. Left is easy, middle I can't get to work. This is what I have: </p>
  
  <p>HTML</p>
  
  <pre><code> &lt;div id="background"&gt;
        &lt;table&gt;
          //... stuff 
        &lt;/table&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code> #background {
        height: 1000px;
        width: 1000px;
        text-align: left;
        }
  </code></pre>
  
  <p>Can someone tell me how to vertical align the table? </p>