CodePen Embed - paddingで縦揃え

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

</div>

.parent{
  background: pink;
  width: 100%;
}
p{
  padding: 20px 0;
}

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.