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

</div>
.parent{
  background: pink;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
}
p{

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.