responsive image wrap around a div

Question

i have a bootstrap grid setup, inside a cell of the grid there is a div floating on right with a width of 250px; of course the text inside the cell follow the floating div contour and wrap around it; sometimes i add to the text some images that should fill the cell (100% width, img-responsive class as bootstrap do). How can i have the image to stop at floating div if present on its side? in my setup the image fill the width correctly, and if the floating is not present (or the image start below it) it is all correct, but if the image start beside it, it will go beneath it. any suggestion?

Answer 1

Try to give a height and a width to the div that is floating right or set the image in a new parent div and try to align these next to each other.

Answer 2

Wrap the image in a div as well and float it to the left.