JSFiddle - React, Tailwind, and code Playground

by prashant birajdar

HTML

<div style="background-color:#999999;margin-bottom:20px;"> <div class="activeHeader h4Bold" style="width:40%;display:inline-block"><span class="h3Bold" style="color:#ffffff!important">1</span> Define </div>

    <div class="inactive h4Bold" style="width:40%;display:inline-block"><span class="h3Bold" style="margin-right:12px;color:#000000!important">2</span> 
    </div>
	</div>

CSS

.activeHeader
{
padding:9px 24px 9px 12px;
background-color:#000000;
color:#ffffff;
}
.inactive
{
padding:9px 24px 9px 12px;
background-color:#cccccc;
color:#000000;
}