Hi, All!

Вопрос возможно тривиален, но я совсем новичок в верстке и не могу сообразить как сделать.

Есть родительский элемент фиксированной ширины (это может быть ячейка таблицы или просто какой-то div), в котором находится текстовый элемент служащий лейблом для поля ввода



Текст лейбла может меняться, например, в результате смены локализации. Текст лейбла не должен переноситься на новую строку. Элемент input должен занимать всю оставшуюся после лейбла ширину в родительском блоке, т.е. если текст лейбла больше, то элемент input сжимается по ширине, а если текст лейбла меньше, то наоборот увеличивается.

Второй вопрос, как сделать чтобы при выполнении первого условия было ограничение на ширину лейбла, например, не более 30% от ширины родительского блока. Если ширина лейбла более 30% от родителя, то текст переносится на другую строчку (ширина лейбла не более 30% от родителя, а ширина input не менее 70% от родителя).

Еще нужны конечно всякие там паддинги, но с этим я уже сам разберусь.

Заранее спасибо за помощь!

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.