JSFiddle - React, Tailwind, and code Playground

by HarmonicApps

HTML

<p>40 x 40 Section of Image</p>
	<div class="big-image img-sec-1"></div>
<p>And another section of the image</p>
	<div class="big-image img-sec-2"></div>

CSS

.big-image {
    background-image:url(http://img2.netcarshow.com/McLaren-F1_1993_1024x768_wallpaper_01.jpg);
    background-repeat:no-repeat;
    display:block;
}
.img-sec-1 {
    background-position: -175px -268px;
    height:40px;
    width:40px;
}
.img-sec-2 {
    background-position: -270px -290px;
    height:40px;
    width:40px;
}