The first image is floated to the left, the second to the right.
A standard br breaks to the next line, as in: after <br />. But, clear="left" clears below the left-floated image...
after <br clear="left" />.
While clear="right" clears below the right image:
after <br clear="right" />.