How to Align two images at extreme opposite ends?

I have a div. I want two align two images at both ends of div. Any way i can do that?

 

make 2 more divs (1 around each image) and float them left and right like so:

<div id="parentContainer">

<div class="floatLeft"><img src="picture.jpg alt="" /></div>
<div class="floatRight"><img src="picture.jpg alt="" /></div>

<div class="clear"></div>

</div>

Code (markup):

then in your css you would do

.floatLeft {float:left;}
.floatRight {float:right}

.clear {clear:both;}

Code (markup):

happy coding !

 

usually using float in css. if it still insist, play with the display along float. like block etc. however, if the previous keep insist your desired position, k.o it with margin.