JSFiddle - React, Tailwind, and code Playground

by bobbyfrancisjoseph

HTML

<div id="icons" style="top:120px; background-color:#ff0000; opacity:0.7; position:absolute;">
    <ul style="list-style-type: none; margin: auto; ">
        <li style="float:left; font-size: 0px; "><a href="#"><img src="http://www.reelax.in/images/icon_videoreel.png"></a></li>
        <li style="width:2px; height:16px; float:left; font-size: 0px; background-image: url(http://www.reelax.in/images/vRuler_repeater.jpg); background-repeat:repeat-y;"></li>
        <li style="float:left; font-size: 0px; "><a href="#"><img src="http://www.reelax.in/images/icon_music.jpg"></a></li>
    </ul>
 </div>