Comment centrer une balise DIV en HTML et CSS ?

Réponses rédigées par Antoine

Dernière mise à jour : 2020-12-23 14:38:47

Question

Comment puis-je centrer une balise DIV, de manière horizontale, en HTML et CSS ?

Réponse

Pour centrer horizontalement une balise HTML, telle qu'une balise <div>, en HTML et CSS, vous pouvez utiliser la propriété CSS margin avec la valeur auto.

Pour centrer le texte dans la balise <div>, vous pouvez utiliser la propreté CSS text-align avec la valeur center.

Voici un exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment centrer un DIV en HTML et CSS ?</title>
<style> 
.centrer { 
width: 50%; 
margin: auto;
border: 1px solid black;
}
.centrer-texte { 
text-align: center;
} 
</style>
</head>
<body>
<div class="centrer centrer-texte">Une balise HTML centrée</div> 
</body>
</html>