<div class="contentBox">
  <span class="contentBox__item">item</span>
</div>
.contentBox{
  position:relative;
  height:200px;
  background:#ddd;
}
.contentBox__item{
  position:absolute;
  top:50%;
  left:50%;
  width:80px;
  height:50px;
  background:blue;
  color:#fff;
  transform:translate(-50%,-50%); /* translate(x축,y축) */
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.