Question

This is most likely a duplicate, but I haven’t been able to find anything that is quite the same. I’d like to fill a space downward beneath an image to block text from wrapping completely. In visual terms:

I have this:

| /---\  BLAHBLAH
| |img|  blah
| \---/  blah
| blah
| blah
| ...

I want this:

| /---\  BLAHBLAH
| |img|  blah
| \---/  blah
|        blah
|        blah
|        ...

What do I do?

Answer 1

Your can write like this:

<img src="bla.png" style="float:left;" />
<div style="overflow:hidden">Some text</div>

Check this http://jsfiddle.net/HhJML/