Edit in JSFiddle

.d1 {
    position: relative;
    width: 250px;
    padding: 40px 0;
    background-color: #59b1f6;
    color: white;
    text-align: center
}

.d2 {
    position: absolute;
    bottom:-15px;
    left: 70px;
    width: 100px;
    padding: 5px;
    background-color: #ffb5b4;
    color: #fa8382;
    text-align: center
}
<div class="d1">
    dv1
    <div class="d2">dv2</div>
</div>