Question

This is live demo: http://jsfiddle.net/9Y7Cm/5/

Everything is fine with that, until the text width there is higher than the div width.

If you will add some text there, the line will break and the text will be displayed under of the image instead of next to the image (as you can see in my first fiddle).

Here you can see what happends, it text width is higher than div container width:

http://jsfiddle.net/9Y7Cm/12/

Is there a way to fix that?

Answer 1

Give your right side content a width and float it to the right, like so:

http://jsfiddle.net/9Y7Cm/14/

For a cleaner result, i suggest you separate both sides of your content, left and right, with a class and width and then float them to set them side by side.