为什么这个html中的元素不排成一行？

Question

我正在尝试使用自定义主题从头开始创建一个选择框元素。当我在我的CSS中第59行overflow:hidden;时，这些元素没有按照我期望的方式排列。但是，当我删除该行时，它会按照我期望的方式排列，但文本会溢出。它似乎在chrome中工作，但不是firefox。

工作：

不工作：

以下是代码：http://jsfiddle.net/nd7Hn/

为什么会发生这种情况，我该如何解决？

Answer 1

添加此样式：

.editor-controls>* {vertical-align:top}

否则元素将尝试与其基线对齐，这可能会产生意外结果。