Make sure you have the alignleft and alignright classes defined properly. They should have float: left; and float: right; respectively.
Make sure you correctly float your elements and clear the floats where you want to start a new row/section.
This is a CSS-only issue.
EDIT: Check this solution, note the clear and float CSS declarations:
<div>Client: Confidential</div>
<div>Project Name:</div>
<div><p><a href="" target="_blank"><img class=" size-full wp-image-668 alignleft" src="" alt="confidential" width="202" height="287" style="float: left;"></a></p></div>
<div style="clear: both;"></div>
<div><p><em>Click image to enlarge</em></p></div>
<div>Client:</div>
<div>Project Name:</div>
<div></div>
<div><p><a href="" target="_blank"><img class=" size-full wp-image-666 alignleft" src=" " alt="Ifugao" width="203" height="289" style="float: left;"></a></p></div>
<div style="clear: both;"></div>
<div><p><em>Click image to enlarge</em></p></div>