テキストを要素の中央に配置したいときのCSS

テキストを要素の中心（左右）の場合は

CSSに

text-align: center;

を入れれば良かったが

下の画像のようにテキストが入ってしまっていて、上下の中央揃えを行いたい時は

CSSに

height: 150px;
line-height: 150px;

のようにheightとline-heightを揃えると

上下も中央にテキストを表示できる。