Backgrounds - text replacement with an image

Sometimes a wordmark and logo are the title or banner.

Use background-image and then a negative indent to remove the text from the visual part of the page.

h1 text replacement with an images

h1 {
  height: 200px;
  width: 250px;
  text-indent: -3000px;
  border: solid 1px #000;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('images/wordmark.png');
}