HTML/CSS - Comment centrer le lien de nom dans cette div?

Question

Salut, je suis en train de quitter l'image seule et centrer le nom « Tim Heidecker » dans ce div .. http://jsfiddle.net/4huq3/

Merci pour l'aide.

Answer 1

Mise à jour votre violon. http://jsfiddle.net/thomas_peklak/4huq3/24/

#left { 
    width: 228px; 
    height: 60px; 
    border: 1px solid #000; 
} 
#left a{line-height:60px} 

.icon { 
    vertical-align:middle 

} 

Answer 2

essayer d'ajouter à votre vertical-align:middle;.icon règle

Answer 3

cette solution fonctionne, mais j'édité votre balisage http://jsfiddle.net/jalbertbowdenii/4huq3/26/

Answer 4

Ce que je ne faisais ajouter un identifiant à l'étiquette avec le lien de nom, placez-le. Voir cette jsFiddle fourchue:

http://jsfiddle.net/98RhD/10/

Answer 5

Vous pouvez utiliser le positionnement absolu comme celui-ci:

HTML:

<div id="left"><a href="..." class="icon"><span>Time Heidecker</span></div> 

CSS:

#left { position: relative; width: 228px; height: 60px; border: 1px solid #000; } 
#left span { position: absolute; top: 15px; left: 70px; } 

Vous aurez à jouer du violon avec les chiffres pour obtenir exactement votre position centrale finale selon la taille du texte et la case finale et/ou si vous voulez un centrage vertical (CSS Top) ou un centrage horizontal (CSS Left).

J'espère que cela aide!