CSS trick - for H1 tag

A very useful trick to hide the H1 text and replace it with image in CSS is to use the text indent method. Now the question is why would anyone want to use it when the sole purpose is to hide it. The answer is Search Engines.

H1 ( all heading tags ) tag holds lot of power as far as the search engine optimization is concerned. The above trick is frequently used for the logo image. Banner and logo being at the top of the webpage should always contain important and relevant information about your website. Search engines fancy these tags and match the content of the page with heading tags.

h1 {
height: 70px;
backround-image: URL("image.jpg"); /* logo image */
background-repeat: no-repeat;
text-indent: -9999px;
}

<h1> gateway2internet.com - for windows and web design tutorials</h1>