how to clear float the right img

Question

i have two img and float them.like this

img{
  float:left;
  clear:right;
}

<img src='http://img1.imgtn.bdimg.com/it/u=1005212286,2432746147&fm=21&gp=0.jpg' alt=''>
<img src='http://img1.imgtn.bdimg.com/it/u=1005212286,2432746147&fm=21&gp=0.jpg' alt=''>

i am confused why right img still float behind the first img. i think the second img will go to next line.Can someone tell me why?

Answer 1

You are close!

img {
 float: left;
 clear: both;
}