css center div inside container?
Ce code HTML fonctionne:
<div class="MyContainer" align="center">
<div>THIS DIV IS CENTERED</div>
</div>
Mais je voudrais le faire au css du conteneur, quelque chose comme:
.MyContainer{
align: center;
}
Donc, tous mes conteneurs centreront les div à l'intérieur.
La propriété CSS de l'alignement de texte est appelée text-align pas align comme dans l'attribut DOM en ligne.
Si vous souhaitez centrer un élément de bloc (comme div, p, ul, etc. ...) lui-même, vous devez définir sa largeur et définir les marges horizontales sur auto.
Par exemple, le code suivant fera chaque div à l'intérieur d'un élément avec la classe MyContainer 80% la taille de son parent et le centrera au milieu de son conteneur.
.MyContainer div {
margin: 0 auto;
width: 80%;
}