How can I achieve vertical alignment for these inputs on Firefox?
The alignment works perfectly in Chrome, Safari, and Opera, but not in Firefox (Version 57 tested on macOS, Windows, and Linux Mint). While removing type="number" from the input resolves the issue in Firefox, it's not a viable solution for me.
label {
display: inline-block;
}
.form-control {
display: block;
}<body>
<label>First number <input class="form-control" type="number"></label>
<label>
Dropdown
<select class="form-control">
<option label="First option" selected="selected">
First option
</option>
</select>
</label>
</body>