Как убрать отступ у select в firefox?

Question

[rngtn]

Совсем недавно начал изучать css, пытаюсь освоить верстку. В этот раз столкнулся с проблемой, форма select в firefox, при задании стилей имеет отступ, которого нет в microsoft edge, ie, chrome.
codepen.io/rngtnA/pen/qawAkQ

P.s не обращайте внимание на остальной кривой код

Answer 1

[Вячеслав]

vertical-align: top;
Добавить к input, который рядом с select?

Comments

[dom1n1k]

Лучше наоборот - vertical-align: baseline к самому селекту.

[rngtn]

Спасибо, помогло, но можно узнать, почему в файрфоксе элемент смещен, а в остальных браузерах всё нормально? Хочу узнать, чтобы в следующий раз не допустить ошибку.