title: Align select boxes in line with css
body: <p>I can't align my date of birth select drop downs in the css. It's not aligning in line.</p>
  
  <p>Here's what I've got so far. </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="personalinfo"&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;label for="salutation"&gt;Salutation&lt;/label&gt;
              &lt;select&gt;
                  &lt;option&gt;&lt;/option&gt;
              &lt;/select&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="lname"&gt;Last Name&lt;/label&gt;
              &lt;input type="text" /&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="fname"&gt;First Name&lt;/label&gt;
              &lt;input type="text" /&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="mname"&gt;Middle Name&lt;/label&gt;
              &lt;input type="text" /&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="gender"&gt;Gender&lt;/label&gt;
              &lt;select&gt;
                  &lt;option&gt;&lt;/option&gt;
              &lt;/select&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="dob"&gt;Date of Birth&lt;/label&gt;
              &lt;select&gt;
                  &lt;option&gt;&lt;/option&gt;
              &lt;/select&gt;M
              &lt;select&gt;
                  &lt;option&gt;&lt;/option&gt;
              &lt;/select&gt;D
              &lt;select&gt;
                  &lt;option&gt;&lt;/option&gt;
              &lt;/select&gt;Y
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="add"&gt;Address&lt;/label&gt;
              &lt;input type="text" /&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;label for="busadd"&gt;Business Address&lt;/label&gt;
              &lt;input type="text" /&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>ul li {
      list-style: none;
  }
  ul li &gt; label:after {
      content:":";
  }
  label {
      display: block;
      text-align: right;
      width: 200px;
      font-size: 13px;
      line-height: 16px;
      float: left;
      /*
      float: left;
  
     */
  }
  input, select {
      display: block;
      background-color: #fff;
      border: solid 1px #BBC5CE;
      margin: 0;
      padding: 5px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
  }
  #personalinfo {
      border: 1px solid black;
  }
  </code></pre>
  
  <p>Here's a fiddle - <a href="http://fiddle.jshell.net/kMVWw/5/" rel="nofollow">http://fiddle.jshell.net/kMVWw/5/</a></p>