使用相对长度垂直对齐图像和输入字段

Question

我正在尝试垂直对齐中间的两个图像，一个在左边，一个在右边），到一个div，它将包含一个或多个标签和输入字段。是否可以仅使用相对长度来执行此操作？

这是一个jsfiddle。图像需要在标签和字段之间居中。

谢谢！

HTML

<img src="http://lorempixum.com/20/20/abstract" alt=""/>            
<div>
    <label>1234</label>
    <input type"text"/>
</div>
<img src="http://lorempixum.com/20/20/abstract" alt=""/>

CSS

img, div {
    float: left;
}

label {
    display: block;
}

Answer 1

我知道最简单的方式：

img, div {
    display: inline-block;
    vertical-align: middle;
}

See fiddle demo或a demo with many labels/inputs。