Spriting with IMG tags

by Elijah Tate

HTML

<h2 class="popular"><img src="http://i909.photobucket.com/albums/ac298/roboyak/sprite_zpscg9xfsav.png" alt="" />Featured</h2>
<h2 class="featured"><img src="http://i909.photobucket.com/albums/ac298/roboyak/sprite_zpscg9xfsav.png" alt="" />Popular</h2>

CSS

h2 {
	overflow: hidden;
	position: relative;
	height: 50px;
	width: 50px;
  background: light-gray;
}
h2 img {
	position: relative;
}
h2.popular img {
	top: 0px;
  left: 150px;
}
h2.featured img {
	top: 0px;
}