Aligner la case à cocher avec une étiquette multiligne

Question

Voir http://jsbin.com/ocutob/1/edit

  test test test test test test test test test test test test 

Comment aligner la case à cocher en haut, en bas et au milieu ?

Je le ferais avec un autre conteneur et en utilisant le positionnement, mais y a-t-il un moyen plus simple ?

Answer 1

Il vous suffit d'utiliser la propriété vertical-align sur l'élément lui-même

http://jsbin.com/oloxes/1/edit (J'ai spécifié une valeur de top dans cet exemple)

Answer 2

Réponse pour 2015:
Puisque vertical-align ne fonctionne pas pour moi (ou plus), voici comment je le fais:

Libellés de boutons radio alignés

    div { display:table-row; }
    div span { display:table-cell; vertical-align:middle; } /* Vous pouvez omettre l'ensemble du span si vous ne souhaitez pas centrer verticalement le bouton radio */
    div label { display:table-cell; }

    Libellé du premier boutonLibellé du premier bouton

    Libellé du deuxième bouton

Pour comparaison: Libellé standard

Voir http://jsfiddle.net/8jzss08p/
Fonctionne dans: Firefox 41, Chrome 45, Internet Explorer 11