title: remove gap between input and button
body: <p>I'm trying to put a button right near to a text field.</p>
  
  <p>Here the code I thought would make it work</p>
  
  <pre><code>&lt;input class="txt" type="text" name="name"&gt;
  &lt;button class="btn"&gt;Submit&lt;/button&gt;
  
  
  .txt {
    display: inline-block;
    width: 80%;
    outline: none;
    margin:0;
  }
  
  .btn {
    display: inline-block;
    width: 20%;
    margin:0;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/rm9etsny/" rel="noreferrer">http://jsfiddle.net/rm9etsny/</a> </p>
  
  <p>However, there is still a gap between the 2 elements. How can I remove it?</p>
  
  <p>Thanks</p>