title: CSS make a width:100% stop against floating objects
body: <p>Try this:</p>
  
  <pre><code>&lt;div style="float:left"&gt;&lt;p&gt;LEFT&lt;/p&gt;&lt;/div&gt;
  &lt;div style="float:right"&gt;&lt;p&gt;RIGHT&lt;/p&gt;&lt;/div&gt;
  &lt;div&gt;&lt;p&gt;
      &lt;input type="text" style="width:100%" /&gt;
      &lt;input type="submit" /&gt;
      &lt;a href=""&gt;Link&lt;/a&gt;
  &lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This ends up with LEFT and RIGHT being on the first line, the text input taking up the whole of the second line, and "Submit" and "Link" being on a third line.</p>
  
  <p>I want <strong>all of these to be on one line</strong>, and if the window is widened, the text input should widen. How do I do this without tables?</p>