<div class='jack'> 
  <div class='peter'>
      <p>123</p>
  </div>
  
</div>
.jack{
  background:red;
  width:100px;
  height:100px;
  position:relative;
  top:100px;
  left:20px;
}
.peter{
  position:absolute;
  background:yellow;
  top:30px;
  left:50px;
  
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.