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

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;
}

请参阅小提琴演示，或带有许多标签/输入的演示。