title: How to align a button to the right of text box without margin?
body: <p>How can I align a button (submit) exactly to the right of a text or search box, <br />
  with the same height as the search box, <br />
  and <strong>without</strong> any horizontal white-space between search box and button ?</p>
  
  <p>This is what I have</p>
  
  <pre><code>&lt;input type="text" value="" placeholder="search text here" style="display: block;  width: 100px; height: 32px; margin: 0px; padding: 0px; float: left;" /&gt;
  &lt;input type="submit" value=" OK "  style="display: block; margin: 0px;  width: 20px; height: 32px; padding: 0px; float: left; border-left: none;" /&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Ggg2b/">http://jsfiddle.net/Ggg2b/</a></p>
  
  <p>But neither is the button the same height as the textbox<br />
  <del>, and more importantly, I don't seem to be able to get rid of that 0.5 to 1mm space between text-box and button.</del></p>