Question

I have two divs and a wrapper div around them.

The wrapper div is 950px in width. The first DIV inside the wrapper is 450px in width.

The last div is supposed to adjust itself according to the space left. Which is 500px.

When i wirte a paragraph in the last DIV, and the text exceeds the width of the div, it will put the div on a new line, instead of putting the text on a new line. The div will stretch to 950px.

I am using float: left;

How can i fix this, so that the paragraph makes a new line inside the last DIV?

Answer 1

If you are floating both inner divs, you can remove the float from the second one; that will solve your problem: text in the second div will be displayed to the right of the first one, even if the text is longer than one line.

Otherwise, we may need more info, like what other styles do you have, what browser do you have the problem in, etc.