title: Set a floating div's width to take up remaining space
body: <p>I would like to make display-field divs to take up the whole remaining width. Now the display-field width is equal to text length. How to do that?</p>
  
  <pre class="lang-css prettyprint-override"><code>.display-label {
          float:left;
          clear:left;
          min-width:160px;
  }
  
  .display-field {
          float:left;
          clear:right;
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="display-label"&gt;Account Id&lt;/div&gt;
  &lt;div class="display-field"&gt;30221&lt;/div&gt;
  &lt;div class="display-label"&gt;Full Name&lt;/div&gt;
  &lt;div class="display-field"&gt;Tomas&lt;/div&gt;
  </code></pre>