title: make button stick to the input tag
body: <p>I was designing an layout for my page where I have an textarea and an input area which can be cloned into multiple ones everything is working fine but I want the <code>+</code> button after the input tag to stick together with  the input tag even thou the screen size is resized as of now they are displayed as 2 different elements and when viewed in small screen they are displayed in separate line.</p>
  
  <p>here is the html part I wish to displayed merged</p>
  
  <pre><code>&lt;div class="pure-control-group"&gt;
  &lt;input type="text" name="url[]" class="pure-input-2-3"&gt;
  &lt;button type="button" class="pure-button button-add"&gt;+&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>here is what happens when viewed in small screen</p>
  
  <p><img src="https://i.stack.imgur.com/GjaJW.jpg" alt="saperating button"></p>
  
  <p>full page layout can be viewed <a href="http://jsbin.com/hanesovi/1" rel="nofollow noreferrer">here</a>.</p>