带有文字的高度相同的按钮

Question

我想在文本的相同高度或中间添加2个按钮，但我得到的是：

我该怎么办？ 代码：

<h3 style="float:left;">Change Ambient Light:&nbsp;</h3>
<button style="float:left;" type="button" onclick="changeAmbientLight('up')">+</button>
<button style="float:left;" type="button" onclick="changeAmbientLight('down')">-</button>
<br style="clear:both" />

Answer 1

将浮动更改为display: inline-block并添加vertical-align: middle

h3, button {
  display: inline-block;
  vertical-align: middle;
}

删除float: left