title: How can I make a span and an input sit next to each other and collectively take up 100% of the width of the containing div?
body: <p>I have the following snippet:</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;div style="width: 700px;"&gt;
  &lt;span&gt;test&lt;/span&gt;
  &lt;input style="width: 100%;"&gt;&lt;/input&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>But this doesn't do what I want. I wanted that span and input together would account for 100% of the div i.e. that input would start right where the span ends and fill until the width of the div, without breaking to the next line. How do I do that?</p>