JSFiddle - React, Tailwind, and code Playground

by jnfsmile

HTML

<div class="box"></div>

CSS

div{
 
}
.box:before, .box:after {
  content: "";
  display: inline-block; /* or position these elements by floats, etc. */
  width: 48px;           /* for instance */
  height: 48px;          /* for instance */
 }

.box:before {
  background: url(//upload.wikimedia.org/wikipedia/commons/7/79/Wiki-commons.png) no-repeat -47px -38px;
}

.box:after {
  background: url(//upload.wikimedia.org/wikipedia/commons/7/79/Wiki-commons.png) no-repeat -30px -0px;
}