vertical-align middle 効かない？

vertical-align middle より

div{
 display: flex;
 align-items: center;
}

のが使えるかも。