title: horizontally aligning labels with input text
body: <p>I have a form that should look like this one: <a href="http://jsfiddle.net/g6kQK/" rel="nofollow">http://jsfiddle.net/g6kQK/</a>  </p>
  
  <p>but if I inspect the generated code this is what I get: <a href="http://jsfiddle.net/bxA5X/" rel="nofollow">http://jsfiddle.net/bxA5X/</a></p>
  
  <p>The problem seems to be with </p>
  
  <pre><code>display: block;
  float: left;
  </code></pre>
  
  <p>but if delete those attributes nothing changes in my form.  </p>
  
  <p>What is the default property for <code>input type=text</code> in <code>html</code>?  </p>
  
  <p>What should I set it to make it aligned with the text?</p>
  
  <p>Thanks.</p>