【css】テキストの高さ中央揃え

テキストの高さ中央揃え

テキストの高さがそれぞれ違う場合はflexboxを使えばOK
align-itemsで高さを中央に揃えることが可能です。意外と便利！

html

<div class="demo">hello tamakipedia</div>

css

.demo {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
}