J'ai ceci: http://jsfiddle.net/8KWtH/Comment puis-je aligner du texte verticalement au milieu d'une image HTML?
Je voudrais déplacer le> il est donc au milieu vertical des deux images.
Comment puis-je faire cela?
Vous pouvez définir vos images pour avoir vertical-align:middle; mais qui fera le > début du milieu. donc ça va encore monter un peu.
exemple: http://jsfiddle.net/8KWtH/14/
Application du alignement vertical à la durée et le rend parfait.
exemple: http://jsfiddle.net/8KWtH/22/
Utilisez line-height pour ce faire:
<span style="font-size: 34px;line-height: 79px;"> > </span>
EDIT:
En raison de la nature des images, vous devez utiliser vertical-align pour accomplir ceci:
<div style="float: left;">
<img src="http://www.lokeshdhakar.com/projects/lightbox2/images/image-2.jpg" style="width: 60px; height: 79px;vertical-align: middle;">
<span style="font-size: 34px;"> > </span>
<img src="http://www.lokeshdhakar.com/projects/lightbox2/images/image-2.jpg" style="width: 60px; height: 79px;vertical-align: middle;">
</div>
essayé, aucun résultat http: // jsfiddle.net/8KWtH/13/ – Karem
@Karem - Je l'ai aussi essayé et pour une raison quelconque, je vois que ça ne marche pas, même si j'ai déjà utilisé cette technique plusieurs fois auparavant. –
merci d'avoir répondu et bien répondu, rapidement après avoir écrit mon dernier commentaire j'ai vu la réponse de Gaby qui a bien fonctionné, donc j'accepte Gaby's. Bien que j'ai upvoted pour une bonne réponse. – Karem
I'D Commencez par utiliser ce qui suit à la place de>.
>
Je fouetté quelque chose here
D'après ce que je peux voir est essentiellement une variation sur les autres réponses, mais il fait le travail
juste appliqué il ya une seconde moi-même localement puis vu votre réponse quand j'ai rafraîchi le mien. –