Comment centrer horizontalement div à l’intérieur du div parent

Comment puis-je centrer un div horizontalement à l’intérieur de son div parent avec CSS ?

 
Text

Je suppose que le div parent n’a pas de largeur ou de largeur large et que la div enfant a une largeur plus petite. Ce qui suit définira la marge pour le haut et le bas à zéro et les côtés pour s’ajuster automatiquement. Cela centre la div.

 div#child { margin: 0 auto; } 
 
Text

Vous pouvez utiliser la valeur “auto” pour les marges gauche et droite pour permettre au navigateur de dissortingbuer l’espace disponible de manière égale des deux côtés de la div interne:

 
Text
 
Text

Juste par intérêt, si vous voulez centrer deux divs ou plus (pour qu’ils soient côte à côte au centre), alors voici comment faire:

 
Div 1
Div 2