How it is now: http://jsfiddle.net/cSazm/
How I want it to be: http://jsfiddle.net/mhprg/
The problem with the second variant is that I don’t know the exact size of the image, so the fixed CSS margin would not work 🙁
Also there’s an extra ugly div..
Are there any other solutions?
You can use the “shrinkwrap” method, to contain the text and prevent it from flowing below the image:
http://jsfiddle.net/cSazm/5/
(just add
overflow:hiddento your text div)That doesn’t solve the extra div issue however.