devxlogo

Replace Text with Image in CSS

The snippet of code below is a common practice to replace

title

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.

Charlie has over a decade of experience in website administration and technology management. As the site admin, he oversees all technical aspects of running a high-traffic online platform, ensuring optimal performance, security, and user experience.

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.