<div class="relative">
  <div class="absolute">W3TR</div>
</div>
.relative {
  width: 300px;
  height: 300px;
  position: relative;
  border : 1px solid red;
}
.absolute {
  width: 150px;
  height: 150px;
  position: absolute;
  border: 1px solid green;
  top: 50%;
  margin-top: -75px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.