Como centralizar elementos horizontalmente ou verticalmente na página?

Para centralizar elementos horizontalmente na página, você pode usar uma combinação de CSS e técnicas de posicionamento. Aqui estão algumas abordagens comuns:

1. Centralizar um único elemento com largura definida:

   .elemento-centralizado {
     width: 200px;
     margin-left: auto;
     margin-right: auto;
   }

2. Centralizar um bloco de elementos:

   .container {
     display: flex;
     justify-content: center;
   }

3. Centralizar um texto dentro de um elemento:

   .elemento-texto {
     text-align: center;
   }

Para centralizar elementos verticalmente, as técnicas podem variar dependendo do contexto em que você está trabalhando. Aqui estão algumas abordagens comuns:

1. Centralizar verticalmente um único elemento com altura definida:

   .elemento-centralizado {
     height: 200px;
     display: flex;
     align-items: center;
   }

2. Centralizar verticalmente um bloco de elementos:

   .container {
     display: flex;
     align-items: center;
     justify-content: center;
   }

3. Centralizar verticalmente um texto dentro de um elemento:

   .elemento-texto {
     display: flex;
     align-items: center;
   }

Essas são apenas algumas das técnicas comuns para centralizar elementos horizontalmente ou verticalmente na página. A escolha da abordagem depende do contexto e do layout específico em que você está trabalhando.