Advanced Search

Hide text (to place logo) with text indent

/ Published in: CSS
Save to your folder(s)
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.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.