CodePen Embed - vertical_align_middle_inline

<div class="parent">
  <p>グループ１<br>グループ１</p>
  <p>グループ２<br>グループ２<br>グループ２<br>グループ２</p>
  <p>グループ３<br>グループ３<br>グループ３</p>
</div>

.parent {
  border: solid red 1px;
  background: lightyellow;
}
p {
  display: inline-block;
  vertical-align: middle;

  border: solid blue 1px;
}

This Pen is owned by mik20621 on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.