JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "wrapperd" style="overflow: hidden;"> <font color = "red">Parent Div </font> <!-- Parent Div -->
    <div id = "test"> <font color="blue"> This is Child Div </font> </div> <!-- Child Div -->
</div>

CSS

*{ margin: 0 auto; padding: 0; }

#wrapperd{
width : 500px;
border : 1px solid red;
min-height:200px;
}

#test {
border:2px solid blue; 
width:600px; 
float:left; 
height:100px;

}