Replace Text with Image in CSS

Replace Text with Image in CSS

The snippet of code below is a common practice to replace


from a text-based title to an image:

h1 {text-indent:-9999px;background:url("title.jpg") no-repeat;width:100px;height:50px;}

Explanation: text-indent:-9999px; throws your text title off screen, replaced by an image declared by background: {…} with a fixed width and height.


About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist