Как сбросить стили, чтобы кнопка и ссылка были одинаковы?

Question

[nepster-web]

Как сбросить стили, чтобы кнопка и ссылка были одинаковы?

Пример собственно вот:
jsfiddle.net/xovh3qqv

Разница в том, что кнопка и ссылка чуть чуть отличаются по размеру имея одинаковые стили.

Comments

[Abdula Magomedov]

Так, а в чем вопрос?

[nepster-web]

Avarskiy: как сбросить стили, что бы они были одинаковые ?

[nepster-web]

Avarskiy: сейчас ссылка меньше чем кнопка, почему ?

[Евгений Перин]

Сейчас и кнопка и ссылка по 66x31px , одинакового размера

Answer 1

[nepster-web]

Одолжил из бутстрапа:

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

Answer 2

[Abdula Magomedov]

Все дело в тексте... Попробуй поиграть с шрифтами. или попробуй поставить display: inline-table - должен помочь;

обновил пример

Comments

[nepster-web]

в iceweasel без изменений, в chrome работает. Проблема в display. Есть смысл >указывать min-width, max-width ? откуда вообще такое поведение ?