How do I float two divs side-by-side without specifying a width?

Question

I have two divs, the first doesn\'t have much content and the second has a lot of content. I want them to float side-by-side such that the first div is only as wide as the text

Answer 1

Yes, you can do it with css & it's work in all browsers. Do like this:

.right{
    overflow:hidden;
    background:red;
}
.left{
    float:left;
    background:green;
}

Check this live example http://jsfiddle.net/enRkR/8/