I'm attempting to ensure that this div displays the correct height (without manually specifying a fixed number like 75px).
Here's how I want it to appear:
------------------------------------------
| something | something else |
------------------------------------------
https://jsfiddle.net/2fLr6enx/
I am using float on the left div so that it always aligns to the left and keeps both divs on the same line, even if the right div contains a large image.
However, this approach may cause the container div to be smaller in height than the left div as it matches its height to the right div.
I have experimented with various css properties like inline-block, table-cell, but haven't been able to achieve the desired result of having them definitively inline while the container encompasses both of them. How should I go about achieving this?