Question

I read this post here. I have one simple goal. I just want my text to wrap one time in IE 9. There are only two lines and I need it to wrap from the first to the second. This can not be complicated. I tried adding wrap-text:normal to the supporting div but this did not work. The layout is simple – bascially I have a div containing an image a link and a paragraph. I need the paragraph to wrap inside the div. The text is limited so it will only wrap once.

The image show that when it exceeds the div width it breaks in a way that is strange.

There are alot of SO posts regarding this but they look like a spider web of info. I’m considering redesigning the mini-feed from the ground up unless someone has a quick fix for this seemingly simple issue.

Answer 1

maybe this can help you by a little.. 🙂

<img src="image.jpg" width="50" height="50" style="float:left;" /><div style="float:left; width:200px; max-width:200px; word-wrap:break-word;">Your text here.</div>

I hope that can help you..
CMIIW ^_^