.your-header { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; height: 5em; } или .your-header { line-height: 5em; text-align: center; } Второй вариант при переносе текста (на моб. устройствах) будет смотреться страшно - подойдет только для десктопной ширины.