Top right. This is a general User Interface design pattern which users are used to. To do something different would not be advised.
- Should delete be on left or right?
- How do I get the delete button to show in the top right corner of an image?
Should delete be on left or right?
However, when dealing with text, pressing the Del deletes text to the right of the cursor. Pressing Backspace deletes text to the left (backwards) of the cursor. For example, if you click at the end of the example text below and press delete, nothing happens because there's no text to the right.
How do I get the delete button to show in the top right corner of an image?
You'll need to wrap the image in a container, then have the image and as well as a close-button inside of the container. Something like: <div> <img> <span>X</span> </div> . You'll want to give the image a relative positioning to be able to stack it below the span.