CodePen Embed - vYewYpJ

<div class="parent">
  <div class="relative-box">relative box</div>
</div>

body { margin: 0;}
.parent {
  width: 150px;
  height: 150px;
  background: #bcbcbc;
  border: 1px solid #bcbcbc;
  margin: 50px;
}
.relative-box {
  position: relative;
  top: 50px; left: 50px;
  background: #2E303D;
  color: #e55c3c;
  font-weight: bold;
  text-align: center; 
  line-height: 150px;
}

This Pen is owned by BaekJeongEun on CodePen.

See more by @baekjeongeun on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.