title: How to center text in button using internet explorer?
body: <p>I have created a navigation menu. And in Google Chrome / Firefox it looks very well.
  But in internet explorer the text of the buttons are at the bottom?!</p>
  
  <p>So how can I solve following issue?</p>
  
  <p>Look what I mean:</p>
  
  <p><strong>Google Chrome:</strong>
  <img src="https://i.stack.imgur.com/mRyd6.png" alt="enter image description here"></p>
  
  <p><strong>Mozilla Firefox:</strong>
  <img src="https://i.stack.imgur.com/Oyx0G.png" alt="enter image description here"></p>
  
  <p><strong>Internet Explorer:</strong>
  <img src="https://i.stack.imgur.com/ZLUrb.png" alt="enter image description here"></p>
  
  <pre><code>.auto-style2 {
      font-size: 40px;
      text-align: left;
      float:left;
  }
  .auto-style3 {
      width:1200px;
      height:50px;
      margin: 0px auto;
      text-align: left;
      vertical-align: middle;
  }
  
  .auto-style5 {
      text-align: right;
      float:right;
      line-height:50px;
  }
  
  
  &lt;div class="auto-style3"&gt;
  &lt;div class="auto-style2"&gt;
      &lt;strong&gt;SPICYSOFTWARE&lt;/strong&gt;
  &lt;/div&gt;
  &lt;div class="auto-style5"&gt;
      &lt;button name="Abutton1" style="width: 100px; height: 30px; margin-left: 5px; vertical-align: middle; text-align: center;"&gt;MWST&lt;/button&gt;
      &lt;button name="Abutton2" style="width: 100px; height: 30px; margin-left: 5px; vertical-align: middle;"&gt;News&lt;/button&gt;
      &lt;button name="Abutton3" style="width: 100px; height: 30px; margin-left: 5px; vertical-align: middle;"&gt;Alle Apps&lt;/button&gt;
      &lt;button name="Abutton4" style="width: 100px; height: 30px; margin-left: 5px; vertical-align: middle;"&gt;Über uns&lt;/button&gt;
      &lt;button name="Abutton5" style="width: 100px; height: 30px; margin-left: 5px; vertical-align: middle;"&gt;Changelog&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>