How to freaking line up checkboxes n' stuff.

form.html

          <h1>Contact</h1>
          <form action="#" method="post">
          	<div>
          		<label for="name">Text Input:</label>
          		<input type="text" name="name" id="name" value="" tabindex="1" />
          	</div>
          
          	<div>
          		<h4>Radio Button Choice</h4>
          
          		<input type="radio" name="radio-choice-1" id="radio-choice-1" tabindex="2" value="choice-1" />
          		<label for="radio-choice-1">Choice 1</label>
          
          		<input type="radio" name="radio-choice-1" id="radio-choice-2" tabindex="3" value="choice-2" />
          		<label for="radio-choice-2">Choice 2</label>
          	</div>
          
          	<div>
          		<label for="select-choice">Select Dropdown Choice:</label>
          		<select name="select-choice" id="select-choice">
          			<option value="Choice 1">Choice 1</option>
          			<option value="Choice 2">Choice 2</option>
          			<option value="Choice 3">Choice 3</option>
          		</select>
          	</div>
              
          	<div>
          		<label for="textarea">Textarea:</label>
          		<textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
          	</div>
             
          	<div>
            		<input type="checkbox" name="checkbox" id="checkbox" />
           		<label for="checkbox">Checkbox:</label>
          	</div>
          
          	<div>
          		<input type="submit" value="Submit" />
          	</div>
          </form>

forms.css

label {
  display: block;
  font-weight: bold;
  clear: left;
}

input[type="radio"],
input[type="checkbox"] {
  float: left;
  clear: left;
  vertical-align: baseline;
  margin-right: 0.5em;
  position: relative;
  top: 3px;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
  clear:none;
  line-height: 1.5em;
  margin-bottom: 0.5em;
}