Skip to content

Instantly share code, notes, and snippets.

@timgthomas

timgthomas/index.html

Created January 24, 2011 21:43
Show Gist options
  • Save timgthomas/794020 to your computer and use it in GitHub Desktop.
Save timgthomas/794020 to your computer and use it in GitHub Desktop.
Download ZIP
Using CSS to create an image banner within an H1 tag
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<body>
<h1>My Site</h1>
<p>Lorem ipsum...</p>
</body>
</html>
Raw
style.css
h1 {
background-image: url('MySite-Banner.png');
display: block;
text-indent: -9999px; /* Hide the H1's text from the screen */
height: 50px;
width: 200px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment