Himas Rafeek
Posted on: 2 years ago
CSS

hide text indent trick thingy for 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.


                                          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
}