title: Resizing of window causes button to move in next line
body: <p>I have the following form</p>
  
  <p><a href="http://jsfiddle.net/sQY4u/2/" rel="nofollow">http://jsfiddle.net/sQY4u/2/</a></p>
  
  <p>If you try to resize it to the right you will noticed that the image (submit button) is going on the next line. I have percentages in width and don't understand why is doing this.</p>
  
  <p>The input text area that should get resized properly has percentage width. The submit button has fixed width, but also tried with percentage width just that the image is getting cut. I tried with a lower percentage on the div</p>
  
  <pre><code>&lt;div style="width:80%;"&gt;
    &lt;input type="text" name="url" id="url" class="form-control" onfocus="validateonfocus()" onBlur="validateonblur()" value="Enter Domain" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but the space between the end of the form and the input is too much. Any ideeas on how to overcome this.</p>