JSFiddle - React, Tailwind, and code Playground

by cmoreira

HTML

<div class='p'>

<div class="a">
    
    <div class="b"></div>    
    
</div></div>

CSS

.p { position:relative;}
.a{
   
    height:200px;
    width:200px;
    border:3px solid #f00;
    background:#ccc;
    overflow:hidden;
}

.b{
    width:50px;
    height:300px;
    border:3px solid #00f;
    background:#dad;
   
    position:absolute;
  
    top:40px;
    left:10px;
    
}