Comment centrer verticalement deux éléments dans un div

pour aligner deux éléments verticalement dans un div, vous pouvez utiliser l'une des méthodes suivantes:

1. Méthode CSS Flexbox

Cette méthode implique d'utiliser la propriété FlexBox pour définir la direction, l'alignement et la justification des éléments.

Code CSS:

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

Ce code créera un conteneur flexible qui empile les éléments verticalement et les centre à la fois horizontalement et verticalement.

2. Table et méthode de positionnement CSS

Cette méthode utilise l'affichage: Table et Vertical-Align: Propriétés moyennes pour aligner les éléments verticalement dans le div.

CODE CSS:

body {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

#container {
    display: table-cell;
    vertical-align: middle;
}

Ce code fera se comporter l'élément corporel comme une table, et le #Container Div sera positionné comme une cellule de table et aligné verticalement au milieu.