Графический дизайнер получил дизайн, который я пытаюсь вставить в HTML и CSS.
Одна из проблем, с которыми я сталкиваюсь, связана с формой ввода пользователя. В дизайне метки для каждого входа имеют фиксированную ширину, скажем, 100px. Контейнер для каждой пары метка / вход фиксируется на 2em. Дизайн, который мне дали, попросил, чтобы текст для каждой метки был выровнен по вертикали. Итак, структура такая:
<containerTag>
<label />
<input />
</containerTag>
Нет проблем, если текст в одной строке (я бы просто использовал высоту строки 2em для соответствия контейнеру), но часть текста в метках переносится в две или даже строки.
Есть ли смысл и хороший способ обойти эту проблему?
Мне нужно что-то, что будет работать в IE6-9, Firefox 3.5+, Chrome и Safari. Хотя я использую прогрессивное улучшение, поэтому, если есть решение, которое будет работать только в более поздних браузерах, но не сломает старые, тогда это будет приемлемо.
Любая помощь с благодарностью получена!
Спасибо за ваше время
S