Интеллектуальное вертикальное выравнивание для входных меток на адаптивном макете
У меня есть классическая форма с метками слева и полем ввода справа. Сайт является адаптивным и ликвидным, поэтому содержание меток может занимать две строки вместо одной, если места недостаточно.
Это основная разметка:
<div class="row">
<label>Label</label>
<input type="text">
</div>
На этом этапе мне нужно, чтобы "метки на двух линиях" были вертикально центрированы, как и остальные. Это было бы довольно просто, используя таблицу, но я пытаюсь освободить таблицы сайта, избегая JS для макета.
Кроме того, сайт должен работать с IE8, поэтому невозможно использовать какое-то классное свойство CSS3.
Есть ли способ решить эту проблему?