<h1>CSS Sprites - Part 2</h1>

<h2>The individual image files:</h2>

<img src="https://assets.codepen.io/3461446/IMG_1096.jpg" />

<img src="https://assets.codepen.io/3461446/IMG_1109.jpg" />

<h2>The images, using CSS Sprites:</h2>

<i class="dogs"></i>
<i class="cat"></i>

.cat {
  display: inline-block;
  background: url('https://assets.codepen.io/3461446/sprite-demo.png') no-repeat 0 0;
  width: 552px;
  height: 414px;
}

.dogs {
  display: inline-block;
  background: url('https://assets.codepen.io/3461446/sprite-demo.png') no-repeat 0 -438px;
  width: 611px;
  height: 458px;
}