Embed image in a element

You could use input type image.

It works as a button and can have the event handlers attached to it.
Alternatively, you can use css to style your button with a background image, and set the borders, margins and the like appropriately.

If the image is a piece of semantic data (like a profile picture, for example), then use an element inside your

and use CSS to resize the . If the image is just a way to make a button visually pleasing, use CSS background-image to style the (and don’t use an ).
Demo: http://jsfiddle.net/ThinkingStiff/V5Xqr/
HTML:

CSS:
button {
display: inline-block;
height: 134px;
padding: 0;
margin: 0;
vertical-align: top;
width: 104px;
}

#close-image img {
display: block;
height: 130px;
width: 100px;
}

#close-CSS {
background-image: url( ‘http://thinkingstiff.com/images/matt.jpg’ );
background-size: 100px 130px;
height: 134px;
width: 104px;
}

Output: