JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://learn.javascript.ru/files/tutorial/browser/css/sprite-example/sprite.png">
<p>
а теперь наш блок с фоном:
</p>
<div class="box"></div>

<p>
или больший кусок спрайта:
</p>
<div class="box2"></div>

CSS

div {
    background: url('http://learn.javascript.ru/files/tutorial/browser/css/sprite-example/sprite.png') no-repeat;
    border:1px solid #ccc;
}
.box {
    background-position: -90px -40px;
    height: 35px;
    width: 35px;
}
.box2 {
    background-position: -195px 5px;
    height: 35px;
    width: 85px;
}