<div class="parent">
  <p>上下中央にしたい<br>
    上下中央にしたい<br>
    上下中央にしたいしたい
  </p>
</div>
.parent{
  background: pink;
  height: 150px;
  display: table;
  width: 100%;
}
p{
  display: table-cell;
  vertical-align: middle;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.