Получение кнопки и равного размера в HTML

Я столкнулся со следующей проблемой в HTML / CSS: Для моего (автономного) сайта , есть ссылка и кнопка отправки (которая находится внутри формы) рядом друг с другом, например:

Settings 

Когда оба элемента являются ссылками, они идеально выстраиваются рядом друг с другом. Однако теперь, несмотря на то, что ссылка и кнопка имеют один и тот же стиль CSS, связанный с ними, кнопка ввода досадно больше (по высоте), чем ссылка (хотя при взгляде на нее она едва видна).

Я создал jsFiddle для демонстрации.

Люди на других форумах просили сбросить CSS, поэтому я также включил его, хотя его удаление не устраняет проблему.

Как добиться одинаковой высоты ссылки и кнопки ввода? Я пропустил что-то очевидное? Есть ли уловка CSS, чтобы заставить их быть одинаковой высоты?

13
задан Benjamin 6 August 2015 в 22:33
поделиться