title: How to make floating inner divs the same height as the highest div
body: <p>In the following code I would like the div with 'y' to match the height of the div with the 3 'x's.</p>
  
  <pre><code>&lt;div style="border: 0px solid red; margin: 0px 0px 5px; overflow: hidden;"&gt;
  &lt;div style="border: 1px solid rgb(129, 11, 0); margin: 0px; padding: 5px; background-color: rgb(30, 23, 22); width: 312px; float: left;"&gt;
      x&lt;br/&gt;x&lt;br/&gt;x
  &lt;/div&gt;
  &lt;div style="border: 1px solid rgb(129, 11, 0); margin: 0px; padding: 5px; width: 312px; background-color: rgb(30, 23, 22); float: right;"&gt;
      y
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Things to note are the inner divs are floating.</p>