Bonjour,

J'ai un problème de positionnement, je ne sais comment aligner à droite le bouton validation.

+--------------------------------------------------------------+
|___Les rubriques d'un numéro____====_________valider__|
+--------------------------------------------------------------+
|___Chaque article d'un auteur_____======______valider__|
+--------------------------------------------------------------+
|___Familles étudiées____________=========___valider__|
+--------------------------------------------------------------+
Je positionne mon texte avec un label qui est suivi de ma balise select (pas toujours de la même longueur en fonction des enregistrements), jusque là tout va bien, les textes et select des trois cadres s'alignent
bien, mais je ne vois pas du tout comment faire pour aligner mon bouton input de validation à droite.

l'html correspondant tiré du php :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="rubrique">
   <p><label for="rub">Les rubriques d'un numéro</label>
   <select id="rub" name="rubrique">".Select_rubrique()."</select></p>
   <input id="droite" type=submit value="Validation rubrique" name="valide_rub">
</div>
<div id="article">
   <p><label for="art">Chaque article d'un auteur</label>
   <select id="art" name="article">".Select_nom('ART')."</select></p>
   <input id="droite" type=submit value="Validation article" name="valide_art">
</div>
<div id="famille">
   <p><label for="fam">Familles étudiées</label>
   <select id="fam" name="famille">".Select_nom('FAM')."</select></p>
   <input id="droite" type=submit value="Validation famille" name="valide_fam">
</div>

note : Les Select_.. sont en php et me donnent les enregistrements d'une table sous forme de tableau

le css correspondant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
#rubrique {
   width: 700px;
   height: 60px;
   border: 1px solid black;
}
 
#article {
   width: 700px;
   height: 60px;
   border: 1px solid black;
}
 
#famille {
   width: 700px;
   height: 60px;
   border: 1px solid black;
}
 
#droite {
   text-align: right;
}
 
label {
    display: inline-block;
    width: 210px;
    padding-left: 10px;
}

Pouvez vous m'aider à positionner ces boutons submit à droite ?
Merci beaucoup.