How can we overlap two images using css style?

Question

I have a list of images in an html table and need to overlap a small icon on each image. How can we do this using z index and positioning?

Answer 1

You could use position:relative and set right:30px, bottom:30px, that would shift it up and left by 30 pixels.

CSS:

.icon{
position:relative;
right:30px;
bottom:30px;
}