Skip to content

Instantly share code, notes, and snippets.

@eirc

eirc/sprites.html

Created December 10, 2012 14:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save eirc/4250893 to your computer and use it in GitHub Desktop.
Save eirc/4250893 to your computer and use it in GitHub Desktop.
Download ZIP
Sprite example
Raw
sprites.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<style type="text/css">
.google-sprite {
background: url(https://www.google.gr/images/nav_logo114.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
.g-letter {
background-position: -24px 0;
width: 28px;
height: 29px;
}
</style>
</head>
<body>
<div>
before
<span class="google-sprite g-letter">in</span>
after
</div>
<div>
before
<span class="google-sprite g-letter"></span>
after
</div>
<div>
<span>before</span>
<span class="google-sprite g-letter"></span>
<span>after</span>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment