Question

I’m trying to get two divs to appear side by side as follows:

• First div is displayed on the left float: left and takes up as much space as it needs.
• Second div appears on the right float: right and takes the remaining space.

The issue is that I do not have a set width for any of those divs so they just take up as much space as they can: jsFiddle

I have found several solutions but all of them required setting width for one of the divs which is what I’m trying to avoid. Any possible solution?

Answer 1

#left, #right { display: table-cell; }​
#left { white-space: nowrap; }

http://jsfiddle.net/CoryDanielson/LzREv/5/