CSS - 图像不会出现在选择框的同一行

Question

用这个小提琴检查我的问题：

http://jsfiddle.net/85BN8/3/

select和img标记都设置为具有相同的高度。

但这并不是让它们“出现在同一条线上”。

好像选择框更喜欢垂直对齐'

有人有小费吗？

提前致谢！

编辑：谢谢大家。我接受了第一个有效的答案。 所有其他人的回答都是+1 ......很棒！

Answer 1

修正了它。只需将float: left添加到它们中。

http://jsfiddle.net/85BN8/12/

Answer 2

#testdiv img {
    border:1px solid black;
    width:25px;
    vertical-align:top;
    height:25px;
}

尝试指定vertical-align。

Answer 3

要#testdiv select，请添加vertical-align: top。

Live Demo

Answer 4

为图片添加浮动。见下文：

    #testdiv img {
        border:1px solid black;
        width:25px;
        height:25px;
        float: left;
    }