title: How to vertically center the text without using display: table-cell?
body: <p>I'm trying to make the menu appear at the middle of 30px line but the problem is that I cannot move it from the top unless I use display: table-cell.</p>
  
  <p>What is wrong here?</p>
  
  <p>Style sheet file:</p>
  
  <pre><code>div.menu
  {
      width: 600; 
      height: 30px; 
      border: 1px solid black; 
      margin: 0px auto; 
      text-align: center; 
      vertical-align: bottom
  }
  </code></pre>
  
  <p>The menu code in my html file:</p>
  
  <pre><code>&lt;div class="space"&gt;&lt;/div&gt;
  &lt;div class="menu"&gt;
      &lt;a href="index.html"&gt;Home&lt;/a&gt; 
      &lt;a href="index.html"&gt;Home&lt;/a&gt; 
      &lt;a href="index.html"&gt;Home&lt;/a&gt; 
      &lt;a href="index.html"&gt;Home&lt;/a&gt; 
      &lt;a href="index.html"&gt;Home&lt;/a&gt; 
  &lt;/div&gt;
  &lt;div class="space"&gt;&lt;/div&gt;
  </code></pre>