image behaves weird in paragraph tags

Hello,
this may be dumb, but after hours of searching, I can’t find solution to my problem and it’s becoming very frustrating.

So the structure is:

<div>
  <p>
    Some text..
    <img>
  </p>
</div>

And the output is: See this image

Image somehow jumps on the last line of the paragraph, so the last line is pushing it to the right and has huge height.

As the html code is generated by plugin (BuddyPress, to be specific), rather than editing it’s structure, I am looking for CSS solution.

The best result would be image at the top left corner and the text right next to it, but I don’t know if this is possible, due to shown <p> structure.
So the second option would be to position the image everytime under all the text, no matter where and how it wraps, just under it.