Answers for "how to replace the first letter with image css"

CSS
1

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.]]
Posted by: Guest on October-28-2021

Code answers related to "how to replace the first letter with image css"

Browse Popular Code Answers by Language