css centre de div à l'intérieur du contenant?

Ce code HTML de travaux:

<div class="MyContainer" align="center">
    <div>THIS DIV IS CENTERED</div>
</div>

Mais je voudrais le faire dans le css du conteneur, quelque chose comme:

.MyContainer{
    align: center;
}

De sorte que tous mes récipients du centre de la les divisions à l'intérieur.

duckduckgo.com/?q=center+div></a >
Voici deux méthodes simples pour centre les divisions au sein de la vrd, verticalement, horizontalement ou les deux (pur CSS): stackoverflow.com/a/31977476/3597276

OriginalL'auteur Marco Tck | 2013-09-15

center class html

28

La propriété CSS pour la texte aligner est appelé text-align pas align comme dans la ligne DOM attribut.

Si vous voulez centre d'un élément de bloc (comme div, p, ul, etc...) vous devez définir sa largeur et de définir les marges horizontales à auto.

Par exemple, le code suivant va faire tous les div à l'intérieur d'un élément avec le MyContainer classe de 80% de la taille de son parent et le centre, au milieu de son conteneur.
```
.MyContainer div {
    margin: 0 auto;
    width: 80%;
}
```
jsFiddle Démo

Ne pas centrer la div. text-align influe sur le contenu en ligne d'un élément, d'un div est un bloc.
Je comprends de l'OP qu'il veut remplacer align="center" avec un CSS définition.
text-align seuls centres le texte, mais le div en lui-même reste à la gauche du conteneur.
Voir ma réponse mis à jour
Yup !! c'est exactement ce que je voulais, merci beaucoup !! Je me demande simplement pourquoi le CSS 3 n'a pas de commande équivalente pour HTML "aligner"

OriginalL'auteur Itay

Vous devez vous connecter pour publier un commentaire.