CodePen Embed - Centering text in a horizontal direction.

<div class="box">
  <p>This text is centered.</p>
</div>

.box {
  background-color: #ff1;
  padding: 1rem;
  width: 200px;
}

p {
  text-align: center;
}

This Pen is owned by Alex-Toucan on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.