Posted By

lister on 07/05/11


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite


Hide text (to place logo) with text indent

 / Published in: CSS

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.

  1. 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. }

Report this snippet  

You need to login to post a comment.