Discussion :

[moimp]

Bonjour à tous,

Dans le code suivant, je n'arrive pas à aligner horizontalement le texte de l'étiquette et le champ de saisie.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<form method="post" class="settings" action="frontend/settings.php">
	<fieldset><legend>Valeurs par défaut</legend>
		<label><span>Pays</span><select name='country' id='country'><option value='' label='&lt; ---- &gt;'></option><option value='AF'>Afghanistan</option><option value='ZW'>Zimbabwe</option></select></label><br>
		<label><span>Langue</span><select name='language' id='language'><option value='' label='&lt; ---- &gt;'></option><option value='ab'>abkhaze</option><option value='zu'>zoulou</option></select></label><br>
	</fieldset>
</form>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
.settings{
	padding:10px;
}
.settings label{
	display:inline-block;
}
.settings span{
	display:inline-block;
	width:100px;
	font-size:.8rem;
}

[NoSmoking]

Bonjour,
teste avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
label {
  display: block;
  line-height: 3;                 /* ton sauveur */
  background: #DEF;
}

[moimp]

Mon code fonctionne. J'avais une information de largeur contradictoire dans ma feuille css pour le label. J'ai modifié mon code en précisant une largeur plus importante.