[Dúvida] Como faço para colocar a tabela centralizada? | HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas

olá GIULIANO existem varias formas de você fazer isso a mais facil e utilizando a propriedade, display: flex ela permite a organização e o posicionamento do conteudo de formas mais facies, recomendo que voce veja os novos cursos da alura de html e css feito pelos instrutores, Guilherme Lima e Rafaella Ballerini.

no seu caso o codigo vai ficar asim:

margin: 20px 0 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 40%;

a propiedade max-width e colocado para limitar a atuação do display: flex ela tem que ser iqual ao width que você colocou para o botão de enviar, vou deixar de site que explica melhor a propriedade display: flex e as suas funções: https://www.alura.com.br/artigos/css-guia-do-flexbox?gclid=Cj0KCQiAic6eBhCoARIsANlox86rRPfaQUDz87dcf2RRwSXC9OCLG79y282nMY56SIqRceTKJ2lSLoUaAgFkEALw_wcB

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Mergulhe em programação