JSFiddle - React, Tailwind, and code Playground

by Taqi_Shah

HTML

<div id="DIV_1">
	<div id="DIV_2">
		<i id="I_3"></i> Step 3: <span id="SPAN_4"><strong id="STRONG_5">Done!</strong> - Your file will start to download!</span>
	</div>
</div>

CSS

#DIV_1 {
    border-collapse: collapse;
    box-shadow: rgb(128, 128, 128) 1px 1px 2px 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 70.6666641235352px;
    min-height: 20px;
    width: 397.333343505859px;
    perspective-origin: 198.66667175293px 35.3333320617676px;
    transform-origin: 198.66667175293px 35.3333320617676px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1.33333337306976px solid rgb(128, 128, 128);
    border-radius: 4px 4px 4px 4px;
    font: normal normal normal normal 15px/28.5714282989502px Lato, sans-serif;
    margin: 0px 0px 20px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 20px;
}/*#DIV_1*/

#DIV_2 {
    border-collapse: collapse;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 28px;
    width: 354.666656494141px;
    perspective-origin: 177.33332824707px 14px;
    transform-origin: 177.33332824707px 14px;
    border: 0px none rgb(51, 51, 51);
    font: normal normal bold normal 20px/38.0952415466309px Lato, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
}/*#DIV_2*/

#I_3 {
    border-collapse: collapse;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: italic normal bold normal 20px/38.0952415466309px Lato, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
}/*#I_3*/

#I_3:before {
    border-collapse: collapse;
    color: rgb(51, 51, 51);
    content: '';
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal normal 20px/26.6666660308838px 'Glyphicons Halflings';
    outline: rgb(51, 51, 51) none 0px;
}/*#I_3:before*/

#SPAN_4 {
    border-collapse: collapse;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal normal 15px/28.5714282989502px Lato, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
}/*#SPAN_4*/

#STRONG_5 {
    border-collapse: collapse;
    box-sizing: border-box;
   ...