Align input type range with other elements

Question

Is there more reliable way to align this?

input[type=text] {
  position: relative;
  top: -5px;
}

<input type="range">
<input type="text">

Answer 1

as simple as this. vertical-align: middle;

input[type=range] {
 vertical-align: middle;
}

<input type="range">
<input type="text">

Answer 2

Just set the range vertical align to middle

input[type=range] {
    vertical-align: middle
}

input[type=range]{
  vertical-align:middle;
}

<input>
<input type="range">