title: HTML CSS button text alignment isn't working
body: <p>I have code like this:</p>
  
  <pre><code> &lt;button class="prikazi_pretragu"&gt;Napredna Pretraga&lt;/button&gt;​
  </code></pre>
  
  <p>and CSS:</p>
  
  <pre><code>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
  }​
  </code></pre>
  
  <p><code>text-align</code> is not working. What is the problem?</p>
  
  <p><a href="http://jsfiddle.net/KjGBW/1/" rel="noreferrer">http://jsfiddle.net/KjGBW/1/</a></p>