Question

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

So, these images:

_{(source: placekitten.com)}

Uses the float:right property

and this image:

_{(source: placekitten.com)}

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 😀

Answer 1

The float element of css is relative to the page not the actual elements, i’ll recomend you make 2 divs, and inside these divs the imgs to position, or you can simple use top or left elements. The choise is yours.