title: Fixed width div on right, fill remaining width div on left
body: <p>Im searching for a way to have 2 divs as columns where div on right has a fixed width and div on left fill remaining space.</p>
  
  <p>Does anyone happen to know if this can be done?</p>
  
  <p><strong>My attempt <em>(renders block2 underneath block1)</em>:</strong></p>
  
  <pre><code>&lt;style&gt;
  .block1 {
     width: auto;
     height: 200px;
  
     background-color: green;
  }
  .block2 {
     float: right;
     height: 200px;
     width: 200px;
  
     background-color: red;
  }
  &lt;/style&gt;
  
  &lt;div class="block1"&gt;test1&lt;/div&gt;
  &lt;div class="block2"&gt;test2&lt;/div&gt;
  </code></pre>