Float: center ne fonctionne pas?

Je suis en train de faire mon premier Tumblr thème à l'aide d'un tutoriel, je suis un total débutant à ce.

.metadata a {
display: inline-block;
float: center;
margin-left: 2%;
}

Je veux les postes à être centré, mais les seules choses que les travaux sont en float: left et float: right

Que dois-je faire ?
Veuillez expliquer clairement parce que comme je l'ai dit, je suis un total débutant, et je ne suis pas un locuteur natif anglais.

Il n'y a pas une telle chose comme float: center. Si le tutoriel dit qu'il y a, c'est mal.
Aussi, si vous êtes en essayant de centrer le "post", vous devez utiliser une autre balise. Dans cette css, non seulement vous êtes en utilisant un attribut incorrect, mais vous êtes connecter uniquement à <a> balises (ou des liens) dans le .metadata classe.

OriginalL'auteur Pokoro | 2012-09-28

  1. 6

    Vous ne pouvez flotter à gauche ou à droite, de sorte que le flotteur n'est pas une option ici.

    Ajouter text-align: center à l'élément parent de l'un-tag. Qui permettra non seulement le centre de texte, mais aussi d'autres inline inline-block éléments, comme la vôtre.

    Une autre façon de l'élément central, c'est de leur donner display: block; margin 0 auto. La "automatique" des marges gauche et droite de provoquer l'élément à être centré. C'est un truc commun à centrer les éléments, mais il fonctionne sur les éléments de bloc uniquement (ou éléments de display: block). Cela signifie également que vous devez spécifier une largeur, parce que si vous ne le faites pas, l'élément de type block va consommer 100% de la société mère de largeur.

    Je pense que dans ton cas, explicite d'une largeur n'est pas une option, donc text-align sera la meilleure option.

    OriginalL'auteur GolezTrol

  2. 2

    Désolé, mais il n'y a pas de float: center;. Utilisation margin: 0 auto; pour centrer les éléments de niveau bloc et text-align: center; en ligne.

    OriginalL'auteur jsblaisdell

  3. 0

    Au lieu d'utiliser "float" pour le contrôle de l'orientation de votre texte, vous auriez probablement souhaitez utiliser "text-align" et l'appliquer à la mère de votre tag. "text-align: center;" s'applique à tous les éléments en ligne (comme un) à l'intérieur d'un parent.
    Voir text-align
    et flotteur
    documentation/tutoriels.

    OriginalL'auteur Mike