hide text indent trick thingy for css - CSS Snipplr Social Repository

Revision: 59270

at August 29, 2012 22:48 by skopp

Initial Code

h1 {
2
   text-indent:-9999px;
3
   margin:0 auto;
4
   width:400px;
5
   height:100px;
6
   background:transparent url("images/logo.jpg") no-repeat scroll;
7
}

Initial URL

http://www.djavupixel.com/development/css-development/master-css3-ultimate-css-code-snippets/

Initial Description

Hiding text can be extremely useful to hide company logo. As logos are usually an image, you will want to use text indent to place it in a h1 tag for SEO (Search Engine Optimization). The technique we use is to hide the text far away off the screen, and apply a background image instead.

Initial Title

hide text indent trick thingy for css

Initial Tags

text

Initial Language

CSS

Choose a language for easy browsing: