文字テキストを縦方向にて中心にするCSS健忘録

画像と文字を並べた時やBOX要素の中にテキストを配置した時に真ん中に持ってきたい時ってあるよねぇ~
そんな時、テキストが一行で済むなら「line-height」で調節すればよいけど、複数行になったらバランス悪いし行間も空き空きになってしまうし。。。
下記のCSSで解決できるんです(笑)

.*** or #*** {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: center; /* 縦方向中央揃え(Safari用) */
   align-items: center; /* 縦方向中央揃え */
}

どうぞ、お試しあれっ!