Méthode 2 : flexbox

Site pour découvrir les flexbox : https://flexboxfroggy.com/#fr

La méthode de positionnement flexbox est une nouvelle façon de positionner et d'aligner des blocs.

Pour utiliser les flexbox, il faut déclarer le conteneur avec la propriété : display: flex

.container {
    display: flex;
}

A utiliser pour l'architecture de votre page ou de vos sections. Méthode préconisée quand il ne s'agit pas de centrer un élément horizontalement.