JSFiddle - React, Tailwind, and code Playground

by Mukul kant

HTML

<ul id="navsprite">
 <li id="home"><a href="#"></a></li>
 <!-- <li id="prev"><a href="#"></a></li>
 <li id="next"><a href="#"></a></li> -->
</ul>

CSS

#navsprite {width:134px; position:relative; left:50%; top:200px; margin-left:-67px; margin-top:-22px;}
#navsprite li {margin:0; padding:0; list-style:none; position:absolute; top:0px;}
#navsprite a {height:44px; display:block;}
#home {left:0px; width:46px; height:46px; background:url(http://gemicon.net/img/icons-preview.png) 193px -54px red;}
/*#prev {left:63px; width:43px; height:44px; background:url(http://openexhibits.org/wp-content/themes/openexhibits/images/oesectionicons/oe-experiment-section-icon-42x42.png) -47px 0;}
#next {left:129px; width:43px; height:44px; background:url(http://openexhibits.org/wp-content/themes/openexhibits/images/oesectionicons/oe-experiment-section-icon-42x42.png) -91px 0;}*/