JSFiddle - React, Tailwind, and code Playground

by miecz kwo

HTML

<div style="position:relative;">
<div id="sgFirstPopup" class="sg-first-popup hasShadow" style="position: absolute; z-index: 5000; left: 10px; top: -145px; height: 135px; width: 450px; border: 1px solid rgb(160, 160, 160); background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;">
<div style="padding:5px;position:relative">
<img src="http://www.redcoon.de/templates/tpl/img/arrow_bottom_white.png" alt="" style="position:absolute;z-index:5001;left:11px;top:135px">
<a href="javascript:void(0);" onclick="$('sgFirstPopup').hide()" style="display:block;float:right;"><img src="http://www.redcoon.de/templates/tpl/img/delete.png"></a>
<div style="padding:10px 5px;overflow:hidden">
<h2>Schon gewusst?</h2><p>Mit dem Set-Generator können Sie noch mehr sparen. Legen Sie einfach das passende Zubehör in den Generator und der Setpreis wird berechnet.</p>
<div class="arrow sg-help" style="min-height: 25px; line-height: 25px; display: block; background-position: -995px -152px; "><a href="javascript:void(0);" onclick="if(isTierTablet){ window.open('/generator');return false }else { lightbox('sgCMS', 'cmsLB');reloadImgLB(); }" class="fs12 sldg tdu"><span class="double">mehr dazu</span></a></div>
&nbsp;
</div>
</div>
</div>
</div>