<div class="first box">1</div>
<div class="second box">2</div>
.first.box {
background: yellow;
z-index:100;
}
.second.box {
background: tomato;
margin-top: -50px;
margin-left: 50px;
}
.box {
width: 150px;
height: 150px;
border: 2px solid;
font-size: 2rem;
text-align: center;
line-height: 150px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.