Image floating right that is further in HTML structure than text in paragraphs

If I place an image before the text, I just need to set the image width, float: right and the text nicely wraps around it. But when I put image after the text, it floats right but under the paragraphs. I tried to place all paragraphs in div and set the width, but if I do so, the image is next to the text and the text doesn't wrap around it. <p> </p> <p> </p> <p> </p> <img src=""> Is there any way to make this image float correctly if it is placed lower in the HTML structure ? EDIT : I want it to look like this: https://jsfiddle.net/yn10xoLz/ And the problem is, how to achive the same thing, but when image is under the text in HTML structure. I tried one of the answears, but it doesn't work: https://jsfiddle.net/kr7ey1r2/