To vertically center the text inside the div's you need to give display: flex and align-items: center to .parent div this will make their text vertically center, you can also give justify-content: center to horizontally center them.