Bouton css et image à droite
Bonjour,
Je ne parviens pas à placer l'image suivant.png à DROITE du texte "question suivante " dans le bouton que je crée. Tout s'affiche mais l'image reste à gauche.
J'ai bien tenté text-align:right; ou float:right mais sans succès !
Pouvez-vous m'aider, svp?
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| a#button_right{
float:right;
background:url("design/squelette/button_question.gif");
display:block;
color:#555555;
height:30px;
line-height:29px;
text-decoration:none;
width:155px;
font-size:14px;
}
a:hover#button_right{
color:#0066CC;
}
u #question_suivante{
background:url("design/squelette/suivant.png") no-repeat 10px 8px;
display:block;
padding-right:10px;
} |
Le code html
Code:
1 2 3
| <a href="javascript:Qrm_suivant();" id="button_right">
<span id="question_suivante">Question suivante</span>
</a> |