JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block1">
    1111111111111111
    <div class="block2">
        22222222222222222<hr>
    </div>
</div>

<div class="block3">	
    3333333
</div>
<hr>

CSS

.block1{
    position:relative;
    z-index:1;
    width:400px;
    height:300px;
    background:#0C3;
    margin:0 auto;
    border:1px solid #DDD;
}
.block2{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.block3{
    text-align:center;
    padding-top:3px;
    color:#999;
    background:#000
}