5 formas de centralizar um DIV verticalmente e horizontalmente

{1} Flexbox

{2} Using absolute positioning and transform

{3} Grid

{4} Usando celula de tabela e  vertical-align

{5} Usando position e magem negativa

Fonte: https://twitter.com/csaba_kissi