JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<div id="player">
    <div id="play"></div>
</div>

CSS

body {background: #bada55; margin: 20px;}
div {margin: 0; padding: 0;}

#player {width: 500px; no-repeat; height: 100px; position: relative; left: 50px; background: #eee; border-radius: 8px;}
#player:before {content: ""; background: url(http://rg/clients/icast/podcasts_player/images/player_left_edge.png); width: 60px; height: 100px; position: absolute; top: 0; left: -50px;}

#play {background: #fff; border-radius: 50%; height: 95px; width: 95px; position: relative; top: 2px; left: -45px; border: 1px solid red;}