title: CSS: Two divs - one fills space, one shrink-to-fit
body: <p>Is there a way to have two divs placed next to each other so that:</p>
  
  <ul>
  <li>The width of the outer div is unknown</li>
  <li>The rightmost div atapts its width to its content (shrink-to-fit)</li>
  <li>The leftmost div fills the remaining space</li>
  </ul>
  
  <p>I see that Paul D. Waite has almost cut it here:
  <a href="https://stackoverflow.com/questions/2198116/xhtml-css-how-to-make-inner-div-get-100-width-minus-another-div-width/2251833#2251833">xHTML/CSS: How to make inner div get 100% width minus another div width</a></p>
  
  <p>In my case, the two inner divs need to switch places, and I just can't cut it.</p>
  
  <p>Any ideas?</p>