Два Дива, один в другом

.wrap { 
    width: 300px; 
    height: 300px; 
    background: gray; 
} 
.wrap > div { 
    width: 150px; 
    height: 150px; 
    position: absolute; 
    border-radius: 25px; 
} 
.first { 
    background: green; 
    top: 50px; 
    left: 50px; 
    z-index: 2; 
} 
.second { 
    background: red; 
    top: 90px; 
    left: 90px; 
    z-index: 1; 
} 
.text { 
    bottom: 20px; 
    left: 19px; 
    position: absolute; 
}

<div class="wrap"> 
  <div class="first"></div> 
  <div class="second"> 
    <div class="text">Текст какой-то</div> 
  </div> 
</div>