Run Example

Edit This Code:
<!DOCTYPE html>
<html>
<head>
  <style>
    div.relative {
      position: relative;
      border: 5px solid lightblue;
      height: 100px;
      width: 500px;
    } 

    div.absolute {
      position: absolute;
      border: 5px solid lightblue;
      top: 20px;
      right: 0;
      height: 50px;
      width: 300px;
    }
  </style>
</head>

<body>
  <h2>absolute position</h2>

<div class="relative">This div element has relative position
  <div class="absolute">This div element has absolute position</div>
</div>
</body>

</html>
Result: