como centralizar verticalmente dois elementos em um div

alinhar dois elementos verticalmente dentro de uma div, você pode usar um dos seguintes métodos: Método CSS FlexBox

Este método envolve o uso da propriedade Flexbox para definir a direção flexível, o alinhamento e a justificação dos elementos. exibição: flex; Direcção flexível: coluna; Justify-Content: Center; alinhado-itens: centro; }

Este código criará um contêiner flexível que empilha os elementos vertical e os centraliza horizontal e verticalmente.

2. Tabela css e método de posicionamento

#container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

Este método usa a exibição: tabela e as propriedades verticais do alinhamento: para alinhar os elementos verticalmente no div. exibição: tabela; Posição: Absoluto; Altura: 100%; largura: 100%; } #container { Exibição: Tabela de células; Alinhamento vertical: meio; }

Este código fará com que o elemento corporal se comporte como uma tabela, e o #Container Div será posicionado como uma célula de tabela e alinhado verticalmente no meio.