JSFiddle - React, Tailwind, and code Playground

by LinkinTED

HTML

<!-- Start of parent tag -->
<div id="parent">
<p> This is parent div tag. </p>

<!-- Child div tag -->
<div id="child">
<p> This is child div tag. </p>
</div>

CSS

#parent{
    width: 500px;
    height: 300px;
    z-index: 1;
    background-color: #CCC;
    border:thin solid black;
    margin:25px;
    padding:20px;
}

/* for child div tag */
#child{
    border:thin solid #F00;
    height:50px;
    background-color:#FFC;
    display: inline-block;
}