The best move is to just nest a flexbox inside of a flexbox. All you have to do is give the child align-items: center . This will vertically align the text inside of its parent. Use align-items instead of align-self and I also added flex-direction to column .