Вертикальное выравнивание изображений и полей ввода с использованием относительных длин

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.