title: HTML/CSS: Extra spacing above and below text-type input
body: <p>Live example: <a href="http://jsfiddle.net/yDQXG/" rel="noreferrer">http://jsfiddle.net/yDQXG/</a></p>
  
  <p>What I see in Chrome: <a href="http://i.imgur.com/shLfA.png" rel="noreferrer">http://i.imgur.com/shLfA.png</a></p>
  
  <p>I can't seem to figure out where the spacing around the input element (blue fields) is coming from. Any ideas?</p>
  
  <pre><code>&lt;form method="get"&gt;
  &lt;fieldset class="halfblock"&gt;
      &lt;input class="blockheader" type="text" value="Field A"&gt;
      &lt;textarea class="blocktext" rows="5"&gt;Line 1&amp;#13;&amp;#10;Line 2&lt;/textarea&gt;
  &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>