title: Right align input fields in a fluid container
body: <p>This should be simple but I'm having issues.</p>
  
  <p>I have a fluid percentage container, I need the text input and submit to align to the right and sit next to each other.</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/sarah3585/bamL87d4/" rel="nofollow">http://jsfiddle.net/sarah3585/bamL87d4/</a></p>
  
  <p>Many thanks</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="header-search"&gt;
  &lt;form&gt;
      &lt;input type="text" name="search" placeholder="Search Website"/&gt;
       &lt;input type="submit" value="Go" /&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.header-search {
  width:95%;
  float:right;
  background:yellow;
  }
  
  form {
  display:block;
  float:right;
  
  }
  
  input[type='text'] {
  margin:0;
  padding-left:40px;
  width:80%;
  
  }
  
  input[type='submit'] {
  float:right;
  padding-left:16px;
  padding-right:16px;
  }
  </code></pre>