HTML CSS bouton d'alignement de texte ne fonctionne pas

J'ai un code comme ceci:

 <button class="prikazi_pretragu">Napredna Pretraga</button>​

et CSS:

button {
  display:inline;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
  float: right; 
  clear: both; 
  padding: 0 50px 5px 5px; 
  text-align: left; 
  margin: 0 0 10px 0; 
  border: none; 
  background: url('../img/resursi/advsearch_plus.png') no-repeat 0 -28px rgba(0,0,0,.09);
  font-size: 14px; 
  height: 28px;
  text-align: right
}​

text-align ne fonctionne pas. Quel est le problème?

http://jsfiddle.net/KjGBW/1/

vous l'avez déclaré à deux reprises, à gauche et puis à droite.

OriginalL'auteur Sasha | 2012-05-24

  1. 14

    Il est de travail. Il est aligné à droite (tout à fait inutilement, puisque vous n'avez pas explicitement défini une largeur). C'est juste que vous avez un 50px rembourrage sur la droite et c'est pourquoi il semble à être alignés à gauche.

    padding: 0 50px 5px 5px;

    Valeurs sont de haut, droite, bas, gauche, dans cet ordre.

    Mis à padding: 0 5px 5px 5px;

    Aussi, si vous définissez une largeur de disons 300px, vous verrez clairement aligné à droite.

    Voir http://jsfiddle.net/thebabydino/KjGBW/5/ - j'ai changé le rembourrage et a ajouté une largeur. Maintenant, vous pouvez voir clairement qu'il est aligné à droite.

    Ana est bon, votre énorme rembourrage sur la droite donne l'apparence de la gauche-l'alignement.

    OriginalL'auteur Ana