title: Html button without text rendered not like with text
body: <p>Html button element for exemple 5 buttons in row rendered different,
  buttons with text rendered in the same top position but buttons without text
   rendered little upper.
  Lets i show you<br>
  <a href="https://jsfiddle.net/zznjrv9L/" rel="nofollow">https://jsfiddle.net/zznjrv9L/</a>
  html</p>
  
  <pre><code>&lt;button&gt;234&lt;/button&gt;
  &lt;button&gt;&lt;/button&gt;
  &lt;button&gt;234&lt;/button&gt;
  &lt;button&gt;234&lt;/button&gt;
  &lt;button&gt;&lt;/button&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code> button{
    height:25px;
    width:25px;
    }
  </code></pre>
  
  <p>I tryed it in Chrome.
  How do i fix it that all buttons renders on same top position?</p>