Назад к задачам
Junior — Senior
10

Адаптивный блок: label фиксирует ширину по содержимому, а input заполняет оставшееся пространство

Компании, где спрашивали:

КодтехКодтех
Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Необходимо создать разметку, в которой метка (label) занимает ровно столько места, сколько требуется её тексту, а поле ввода (input) растягивается, заполняя всю оставшуюся ширину контейнера. Оба элемента должны находиться в одной строке.

|--------------|
|label ________|
| ________label|
|long label ___|
|--------------|