how to show delete button in top right corner of Image?

Question

i would like to show delete button at top right corner to image? how could i achieve this?

my html is like this :-

main image :

Answer 1

Usual approach with position: relative and position: absolute.

HTML:

    ×
    

CSS:

.img-wrap {
    position: relative;
    ...
}
.img-wrap .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    ...
}

Extended demo (+ JS interaction) http://jsfiddle.net/yHNEv/