title: valign vs text-align in HTML
body: <p>I can't figure out the difference between valign vs text-align in HTML in context with the following code:</p>
  
  <pre><code>    &lt;table width="500" border="0"&gt;
    &lt;tr&gt;
          &lt;td colspan="2" style="background-color:#FFA500;"&gt;
     &lt;h1&gt;Main Title of Web Page&lt;/h1&gt;
     &lt;/td&gt;
        &lt;/tr&gt;
  
    &lt;tr valign="top"&gt;
        &lt;td style="background-color:#FFD700;width:100px;text-align:top;"&gt;
        &lt;b&gt;Menu&lt;/b&gt;&lt;br /&gt;
      HTML&lt;br /&gt;
        CSS&lt;br /&gt;
    JavaScript
       &lt;/td&gt;
     &lt;td style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;"&gt;
        Content goes here&lt;/td&gt;
      &lt;/tr&gt;
  
     &lt;tr&gt;
       &lt;td colspan="2" style="background-color:#FFA500;text-align:center;"&gt;
       Copyright © 2012&lt;/td&gt;
     &lt;/tr&gt;
     &lt;/table&gt;
  </code></pre>