JSFiddle - React, Tailwind, and code Playground

by denniswaltermartinez

HTML

<div id="slider-nav">
<a href="#" id="next"></a>

<a href="#" id="prev"></a>

</div>

CSS

#next {
     display: block;
     width: 8px;
     height: 12px;
     background-image:url(images/next.png);
     z-index: 999;
     position: absolute;
     float: right;
 }
 #prev {
     display: block;
     width: 8px;
     height: 12px;
     background-image:url(images/prev.png);
     z-index: 999;
     position: absolute;
     float: left;
 }
 #slider-nav {
     width: 100%;
     height: 12px;
     position: absolute;
     z-index: 100;
 }