First: please see this fiddle: <http://jsfiddle.net/gamehelp16/77ssr/>

So, these images:

[![](https://i.stack.imgur.com/rSH8j.jpg)](https://i.stack.imgur.com/rSH8j.jpg)

[![](https://i.stack.imgur.com/yTVFL.jpg)](https://i.stack.imgur.com/yTVFL.jpg)  

(source: [placekitten.com](http://placekitten.com/200))

Uses the `float:right` property

and this image:

[![](https://i.stack.imgur.com/wuzey.jpg)](https://i.stack.imgur.com/wuzey.jpg)  

(source: [placekitten.com](http://placekitten.com/100?image=2))

uses the `float:left;` property

And if you see at the fiddle the third image (with the float:left ones) is not located beside the second image (the big ones)

My question is: how to make the third image is on the right side of the second image. I need pure CSS solution

Thanks

Update:
=======

i've figured out an alternative way to do it. it's by setting the second image's float to left :D