JSFiddle - React, Tailwind, and code Playground

by huskydawgs

HTML

<div id="toggle" class="clear">
					<a href="http://www.apple.com" class="prev">Previous</a>
					<a href="http://www.microsoft.com" class="next">Next</a>
				</div>

CSS

#toggle {
         position: absolute;
         right: 30px;
         top: 30px;
         width: 104px;
         z-index: 2;
       }
       #toggle a.prev {
         background-image: url(http://www.onvia.com/sites/default/files/icon_arrow_left_150x150.png);
       }
       #toggle a.prev {
         margin-right: 20px;
       }
       #toggle a.next {
         background-image: url(http://www.onvia.com/sites/default/files/icon_arrow_right_150x150.png);
       }
       .clear:before,
       .clear:after {
         content: "\0020";
         display: block;
         height: 0;
         overflow: hidden;
       }

#toggle a {
text-indent: -9999px;
background-size: cover;
width: 35px;
height: 35px;
display: inline-block;
}