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

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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.