Text wrapping in an absolutely positioned element with no width

Question

I have an element structure like this:

<div><span></span>My text goes here</div>

both the div and span are positioned absolutely i want the div to expand out to a certain point then wrap to the next line after say 200px.

At the moment the text breaks pretty much after every other word to a new line, i can fix this by using white-space: nowraphowever this stops the text from wrapping at all.

How can i get the text the wrap but after a certain width?

Please provide a [reduced test case](http://css-tricks.com/reduced-test-cases/) on [dabblet](http://dabblet.com/) or [Jsfiddle](http://jsfiddle.net/). — bookcasey, Mar 01 '12 at 16:16
http://stackoverflow.com/questions/1638223/is-there-a-way-to-word-wrap-text-in-a-div — user1227804, Mar 01 '12 at 16:18

score 0 · Answer 1 · answered Mar 01 '12 at 18:24

0

I don't know if I'v got it, but why you don't just put the div width: 200px;?

answered Mar 01 '12 at 18:24

Mateus Neves

304
5
16

Text wrapping in an absolutely positioned element with no width

1 Answers1