how to replace the first letter with image css
//Did you mean keep the HTML as is, but show an image instead of the
text? If so, it can be done like this:
#word1 {
display:block;
width:100px; /* width of image */
height:80px; /* height of image */
background:url(image.jpg) top left no-repeat; /* sets image as background of span */
text-indent:-999999px; /* this hides the text so the image is not obstructed */
}
//Now the text stays and it SEO friendly but it can look
impressive with fancy images.
[[Not totally what I was looking for but is helpful none-the-less.
I am looking to replace the first letter of a heading with an image
while keeping the rest of the letters.]]