JSFiddle - React, Tailwind, and code Playground

by lucasprus

HTML

<div class="red big">
<div class="blue small"></div>
</div>

CSS

div{
    border:2px solid;
    /*padding:10px 40px; 
    background:#dddddd;   
    border-radius:25px;
    -moz-border-radius:25px; *//* Firefox 3.6 and earlier */
}

.red{border-color:red;}

.blue{border-color:blue;}

.big
{
    width:300px;
    height:200px;  
    /*padding:10px;*/
    overflow:hidden;
}

.small
{
    width:400px;
    height:100px;  
    position:relative;
    top:10px;
    left:20px;
}