how to overlap two div in css?

Question

I have two div likes ,

and css

Answer 1

See demo here you need to introduce an additiona calss for second div

.overlap{
    top: -30px;
position: relative;
left: 30px;
}