title: two divs the same line, one dynamic width, one fixed
body: <p>I have two divs under one parent <code>div</code>, the parent div has 100% width:</p>
  
  <pre><code>&lt;div id="parent"&gt;
    &lt;div class="left"&gt;&lt;/div&gt;
    &lt;div class="right"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The conditions are:</p>
  
  <ul>
  <li>I want two divs on the same line. </li>
  <li>The right div may or may not be present. When it is present, I want it to always be fixed on the right. However, the left div must be elastic - it's width depends on its content. </li>
  </ul>
  
  <p>I have tried both float:left, and dispaly:inline-block but neither solution seems to work.</p>
  
  <p>Any suggestion would be appreciated.</p>