title: vertically align a label and a textbox in all browsers
body: <p>Is there an easy way to align a label with a textbox in all major browsers (i.e. including IE7? I set display to inline-block on my label and textbox which seems to work everywhere but in IE7, where the label is on the bottom of the div.</p>
  
  <pre><code>&lt;label class="inputLabel" for="emailTextBox"&gt;
              Email:&lt;/label&gt;
  &lt;input class="textBox" type="text" id="emailTextBox" value=" Email address" /&gt;
  
  input.textBox 
  {
      margin-top: 5px;
      margin-bottom: 5px;
      height: 30px;
      width: 350px;
      font-size: 15px;
      font-family: Verdana;
      line-height: 30px;
      display:inline-block; 
  }
  
  label.inputLabel
  {
      font-family: Verdana;
      font-size: 15px;
      line-height: 30px;
      display:inline-block;
  }
  </code></pre>