title: Why is vertical-align:text-top; not working in CSS
body: <p>I want to align some text to the top of a div. It seems that <code>vertical-align: text-top;</code> should do the trick, but it doesn't work. The other things that I have done, such as putting the divs into columns and displaying a dashed border (so I can see where the top of the div is) all work fine.</p>
  
  <pre><code>#header_p { 
      font-family: Arial;
      font-size: 32px;
      font-weight: bold;
  }
  #header_selecttxt {
      font-family: Arial;
      font-size: 12px;
      font-weight: bold;
      vertical-align: text-top;
  }
  #header_div_left { 
      float: left; 
      width: 50%;
      border: dashed;
      vertical-align: top;
  }
  #header_div_right { 
      margin-left: 50%;
      width: 50%;
      border: dashed;
  }
  </code></pre>