<div class="box">
  <p>This text is centered.</p>
</div>
.box {
  line-height: 100px;
  height: 100px;
  background-color: #f999ff;
  padding: 1rem;
}

/* If the text has multiple lines, add the following: */
.box p {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.