CodePen Embed - line-heightで縦揃え

<div class="parent">
  <p>上下中央にしたい</p>
</div>

.parent{
  background: pink;
  height: 100px;
}
p{
  line-height: 100px;
}

This Pen is owned by yuzuko on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.