Comment aligner l'étiquette et la boîte de sélection à la verticale (au milieu)

Pour le CSS gourous là, je ne peux pas comprendre le css qui fait le premier label/sélectionner paire pas moyen d'aligner, mais la seconde ne l'aligner dans le milieu.

Voir le problème dans l'image ci-dessous. Mon but est de faire le premier label/sélectionnez la paire de s'aligner au milieu et à comprendre les règles css qui concrétise.

Comment aligner l'étiquette et la boîte de sélection à la verticale (au milieu)

<div class="pure">
    <form class="pure-form-inline">
        <div class="pure-g">
            <div class="pure-u labelArea">
                <label>Choose Project:</label>
            </div>
            <div class="pure-u-1-4">
                <select></select>
            </div>
        </div>
        <div class="pure-control-group">
            <label>Choose Customer:</label>
            <select></select>
        </div>
    </form>
</div>

C'est ici que vous pouvez le voir en action...Violon

Si le code est "trop grand", puis le réduire au minimum le montant nécessaire pour reproduire votre problème. Ne vous attendez pas de nous balader autour de l'internet pour résoudre vos problèmes pour vous, veuillez lire leMCVE " lignes directrices pour obtenir des conseils. Vous avez plus de 3000 rep (comme je l'ai écris): vous savez mieux.
Si vous ne voulez pas avoir affaire avec un fixe, hauteur de ligne, puis dans votre exemple, vous pouvez toujours faire le conteneur de l'étiquette et sélectionnez l'option afficher la table-cell et définir vertical align milieu
Le code n'est pas trop grand comme je le vois. C'est juste le YUI Pur CSS.

OriginalL'auteur John Livermore | 2014-06-04