HTML CSS按钮文本对齐不起作用

Question

我有这样的代码:

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

和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不管用.问题是什么？

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

Answer 1

这是工作.它与右边对齐(毫无意义,因为你没有明确设置宽度).只是你右边有一个50px的填充,这就是它似乎与左边对齐的原因.

padding: 0 50px 5px 5px;

值按此顺序排在右上角的左下角.

设置为 padding: 0 5px 5px 5px;

另外,如果你设置宽度为300px,你会看到它明显与右边对齐.

请参阅http://jsfiddle.net/thebabydino/KjGBW/5/ - 我更改了填充并添加了宽度.现在您可以清楚地看到它与右侧对齐.