javascript - 如何对齐两个按钮和输入类型范围？

Question

好吧，目前我得到了这段代码:

<button onclick="zoomOut()">-</button>
<input id='zoom' type='range' value='10' min='0' max='20'></input>
<button onclick="zoomIn()">+</button>

这只是所有代码的一部分，但除了按钮+输入界面外，其他都很好。

如您所见，它们不在常规行中，我想将按钮调高一点或将输入调低一点，但在尝试修改我知道的所有属性后，没有任何效果，有什么想法吗？

Answer 1

我已将 vertical-align 属性添加到 zoom 并为其分配值 middle。

#zoom{
  vertical-align:middle;
}

<button onclick="zoomOut()">-</button>
<input id='zoom' type='range' value='10' min='0' max='20'/>
<button onclick="zoomIn()">+</button>