Fala aí João, beleza? Bom, vamos lá:

Existem N maneiras para centralizarmos elementos na página, uma delas é através do margin: 0 auto;, como deve ser feito:

Deve ser definido uma largura (width) máxima para o elemento alvo à ser centralizado, isso pode ser feito através do max-width ou width

Após definido uma largura, já pode ser definido a margin com o auto, ou seja, margin: 0 auto.

Mas, como funciona? O navegador irá pegar centralizar o elemento porque as margin's laterais serão distribuídas por igual, tanto na esquerda quanto na direita, será apenas realizado o cálculo referente ao que restou de largura para o elemento completar a página, ou seja:

Se o elemento tem 700px de largura, e a tela total tem 1200px, sobrou 500px (1200 - 700), dai será aplicado uma margin de 250px para cada lado, fazendo com que o elemento fique centralizado.

Espero ter ajudado.