Unwanted image in paragraph code block

This is on a WAMP localhost setup.

I have code in a static page that I put there in “edit page” view, HTML tag, in wordpress/dashboard that looks like this:

Can someone tell me why image2 shows up “INSIDE” the paragraph block when I look at it in “view page” mode?

<div class="promo">
<img class="image1" yada yada yada />
<p> yada yada yada </p>
<img class="image2" yada yada yada />
</div>

I also have this styling in style.php:

.image1 {float: left;}
.promo p {float: left;}
.image2 {float: left;}

Image1 floats fine; the paragraph floats just fine; image2 floats fine, but, it shows up “INSIDE” the paragraph block, not outside it like image1. I want image2 outside the paragraph block.

Both images float fine without the paragraph block, but when I insert the paragraph block between them, image2 leaps inside the paragraph block.

Any help on this will be greatly appreciated.