Aligner le contenu d'un label et un champ select

Bonjour,

je souhaiterais savoir s'il est possible d'aligner le texte d'un label et un champ select placé à sa droite.

Le code HTMl ressemble à ca:

<p class="pSeveral" id="pApplFormValidity">
<label for="lbLanguages">&nbsp; Languages: </label>
<select name="slAllowedLanguages" id="slAllowedLanguages">
<option value="En" select>English</option>
<option value="Fr">Français</option>
<option value="De">Deutch</option>
</select>
</p>

avec

.pSeveral {
font-size: 0.75em;
}

.pSeveral label {
float: left;
width: auto;
font-size: 0.9em;
font-weight: bold;
margin: 0 10px;
}

.pSeveral select {
float: left;
margin: 0 0 5px 0;
padding: 2px 4px;
}



le texte est aligné vers le haut: je souheterais qu'il soit aligné sur le milieu de la hauteur du champ select

merci d'avance

Salut

Tout d'abord, pourrais-tu baliser ton code correctement ? ce sera plus facile à lire, merci.

Tu parles d'un alignement vertical ? Qu'est-ce qui pose problème pour le moment ?

merci Sopo,

qu'entends tu par "baliser ton code correctement" ?

mon probleme est qu'il y a un décalage entre le texte et le champ comme affiché sur l'image:



je souhaiterais que l'alignement soit parfait
Modifié par klopiklopi (16 Aug 2006 - 13:20)

Je parle des balises [ code] et [ /code] qu'il faut placer antour de ton code (sans les espaces) afin de le mettre en forme correctement, comme expliqué dans les règles du forum

Pour l'alignement, je pense que tu devrais pouvoir jouer soit sur le "line-height" de ton paragraphe, soit sur des margin/padding du select ...