title: Whitespace between HTML input and button
body: <p>I wanted a button next to my input box so I did the following.</p>
  
  <pre><code>&lt;div&gt;
      &lt;input/&gt;
      &lt;button&gt;Do something&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This gave a small gap between the input and the button.</p>
  
  <p>To my surprise this didn't</p>
  
  <pre><code>&lt;div&gt;
      &lt;input/&gt;&lt;button&gt;Do something&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My question is:</p>
  
  <p>I assume the gap is deliberate and represents the white space for my newline.  Is this assumption correct and is there some good practise for avoiding the problem?  Can I style out the gap, or should I just stick to putting the tags on the same line? </p>
  
  <p>I've tried to represent my question here <a href="http://jsfiddle.net/jonnymoo/2wzdzfan/5/" rel="nofollow">http://jsfiddle.net/jonnymoo/2wzdzfan/5/</a></p>
  
  <pre><code>&lt;div&gt;
      &lt;input value="look no gap between me"/&gt;&lt;button&gt;and me&lt;/button&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;input value="But there is here"/&gt;
      &lt;button&gt;and here&lt;/button&gt;
  &lt;/div&gt;
  &lt;div&gt;
      Is it just the same as me
      and me?
  &lt;/div&gt;
  </code></pre>