vertical-align: le milieu ne fonctionne pas

Question

La propriété css `` ne fonctionne pas dans cet exemple.

HTML:

CSS:

Le qui flotte à droite n’est pas centré verticalement par rapport à son contenant . Comment puis-je le centrer verticalement?

Le code ci-dessus est dans ce violon.

Answer 1

Vous devez envelopper votre élément dans un `` , dans un using ```` .

Comme ça:

et

Illustré ici : http://jsfiddle.net/e8ESb/7/

Answer 2

Vous devez définir une valeur fixe pour la propriété de votre plage `` :

Answer 3

La réponse donnée par Matt K fonctionne parfaitement bien.

Cependant, il est important de noter une chose - Si le div essi à qui vous l’appliquez a un positionnement absolu, cela ne fonctionnera pas. Pour que cela fonctionne, faites ceci -