html - 行の高さが異なるようですが、どうすれば回避できますか?

Question

ボタンは、同じスタイルのタグよりも 2px 大きくなっています。なぜそれをしているのか、それを修正する方法はありますか？

jsfiddle

<a href="">Some Text</a>
<button> Some Text</button>

a, button {
  background-color: red;
  border: none;
  text-decoration: none;
  font-size: 14px;
  line-height: 14px;
  font-family: Verdana;
  display: inline-block;
  color:black;
  padding:0;
}

Answer 1

ボタンにはパディングがあります。padding : 0;ボタンに設定すると、同じように見えます

Firefoxには独自のものがあります...次を追加してみてください：

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}