Text over image problem

[Graham S]

I am displaying a small image in a table data cell of an HTML table and I
want to display between 1 and 3 letters over the center of this image. Any
clues on the CSS needed to achieve this?

 

[Jukka K. Korpela]

I am displaying a small image in a table data cell of an HTML table and I
want to display between 1 and 3 letters over the center of this image. Any
clues on the CSS needed to achieve this?

Wrap the text in a <span> element and both it and the <img> element in a
<div> element. Set position: relative on the <div> element and then
position the <img> and <span> absolutely inside it. It is simplest,
though not most flexible, to set the width and height of <div> the same
as those of the image and set display: block on <img> (to avoid extra
spacing).