Comment centrer verticalement une étiquette dans un div?

Question

J'ai un div avec une hauteur de 30px.

Je veux ajouter du texte brut à ce div. Comment puis-je faire apparaître le texte en clair au centre de ma div? par exemple, le texte sera affiché 15px sous le début du div.

J'ai essayé une étiquette avec margin-top: 15; mais ça n'a pas marché.

Answer 1

Utilisez padding-top au lieu de margin-top. Rappelez-vous que l'ajout de remplissage au sommet est ajouté à la hauteur, vous devez donc réduire la quantité que vous utilisez pour le remplissage de la hauteur. Si vous venez toujours voulez pour le texte d'avoir 15px en haut et en bas de celui-ci, tout simplement faire:

padding: 15px 0px; 

Sans préciser la hauteur du tout.

Answer 2

rembourrage-sommet: 15px;

supprimer 15px de la hauteur sur le div à.

vous devriez jeter un oeil à rembourrage http://www.w3schools.com/css/css_padding.asp

Answer 3

Vous pouvez:

<div style="height:30px; line-height:30px; text-align:center;"> 
    Label 
</div> 

Régler le line-height du texte que vous aide à adapter à la hauteur d'une ligne seulement.

Answer 4

height: 30px; line-height: 30px; padding: 0; 

Answer 5

si vous voulez quoi que ce soit d'être dans le centre de celui-ci est parent, juste donner la largeur spécifique de parent en utilisant le style et donner le style enfant = « margin: 0 auto ». bonne chance

Answer 6

Après CSS travaillerait

text-align:center; 
vertical-align:middle; 
display:table-cell; 

Answer 7

L'élément <label></label> est pas un élément de niveau bloc, il est un élément en ligne.

Essayez ce code <div style="height:30px"> <label style="display:block; margin-top:15px;"> </label> </div>

Answer 8

#MyDiv 
{ 
    background-image: url(images/pagedescription_bar.png); 
    background-repeat: repeat-x; 
    border-color: #868686; 
    border-width: thin; 
    border-style: solid; 
    border-style: none; 
    width: 1008px; 
    height:70px; 
    color: #FB8022; 
    font-size: 16px; 
    font-weight: bold; 
} 

#MyDiv label 
{ 
    width: 1008px; 
    text-align: center; 
    height: 70px; 
    vertical-align: middle; 
    display:table-cell; 
}