JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:right;">
    <span id="button-previous"></span> 
    <span id="button-next"></span>
</div>

CSS

#button-next {
    width: 25px;   
    left:0px;
    height:25px;
    display: block;
    background: url("http://i43.tinypic.com/25alqv7.png") no-repeat scroll -29px 0px transparent;
   
}

#button-previous {
    width: 25px;
    height: 25px;
	left:25px;  
    display: block;
    background: url("http://i43.tinypic.com/25alqv7.png") no-repeat scroll 0px 0px transparent;
      z-index: 10;
    cursor: pointer;
      opacity: 0.8;
}