JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div class="myDiv">
   Some Content 
</div>

<div class="myDiv2" style="width:200px; height:100px; background-color:green; text-align:center; line-height:100px;">
   inline codes 
</div>

CSS

.myDiv
{
    width:200px;
    height:100px;
    background-color:red;
    text-align:center;
    line-height:100px;
    margin-bottom:5px;
}

.myDiv2
{
    width:500px !important /*Although Inline CSS give 200px,with the !important tag we can determine the final width:500px; */;
    height:100px;
}