CSS - Two floating divs in same line, one with wrapping text

Question

Here's the problem: I want to have 2 floating divs in same line. Right div could be fixed width. Left div should take all remainig space, and wrap text inside. Parent container width is variable, so I can't set width on both divs. http://jsfiddle.net/af6wP/ ``` div{border: 1px solid black} .left{float: left} .right{float: right}

very long text very long text very long text very long text very long text very long text very long text very long text very long text very long text very long text

short text

```

Accepted Answer

Looks like you need only one float here:

```
div{border: 1px solid black}
.left{ overflow: hidden; }
.right{float: right}
```

Example http://jsfiddle.net/KmPjL/

CSS - Two floating divs in same line, one with wrapping text

Solution

Problem