The word for wraps because you have the word "remember" in an em element with no space and so wraps as a whole with the word before it as though it said "forbefore" as browsers can remove white space before an element starts. Place the space inside the em and it will stay on the same line.
<em> Remember, </em>
If you make that above change it will become clear why there was more whitespace than you thought because the words "for" and "remember" would no longer fit beside the image and wrap to the nearest available space which is below the image.
As you can now see the words will sit alongside the image as expected.
(As an aside note that you will never get a perfect wrap unless the multiple line-heights add up exactly to the height of the image - which would be very rare unless you explicitly controlled it.)