I desperately needed a solution that works with variable widths and heights. This one does!
It is based on the answer to
this question.
<div class="container">
As much space as<br>you<br>want
</br></br>
Minimal width
</div>
.container {
display: table;
}
.left {
display: table-cell;
width: 100%;
}
.right {
display: table-cell;
}
.container * {
border: 1px solid black;
}
Fiddle demo
If you want "Minimal width" in the example to be on the same line, use
white-space: nowrap;