行数が決まっていないテキストを ”上下中央揃え” にする

いきなり完成版

See the Pen oNXbwra by sphenisc (@sphenisc) on CodePen.

pタグのテキストが1行になっても3行になってもちゃんと上下左右中央にテキストが配置されるようにするためのやり方です。
ポイントは

• pタグの高さを指定する
• display: table-cell;
• vertical-align: middle;