1. 親要素にdisplay: table-cell を指定する
vertical-align は基本的に displayが inline 系の要素にしか効かない
(元々文字の縦位置を指定するスタイルのため)
ただし、例外的に display: table-cell の子要素には効く
tableもtable-row もなくても機能するので便利だが、それでいいのか？と使うときはいつも思う
2. 親要素に display: flex と align-items: center を指定する
未対応ブラウザを気にしないならこれでいい
