Linkbutton with text on image

Linkbutton with text on image

Hi,

I have a linkbutton with an image.

<a href="#cancel" data-role="button" id="cancel"><img class="cancelIcon" src="xxx.png")"/></a>

css:

.cancelIcon {
    width: 32px;
    height: 32px;
    padding-left:15px;
    padding-right:15px;
    padding-top: 0;
    padding-bottom: 0;
}


Now I would like to set numbers in the center of the button and the image should stay underneath the text. The text should stay separat and should not be included in the image, because the numbers should change by the time and the image keeps the same.

Is this possible?

Thanks for all replies!