Как сделать, чтобы input
занимал весь остаток строки сразу за label
?
* { box-sizing: border-box; }
div { white-space: nowrap; }
label, span { display: table-cell; }
label { width: 0; }
span { width: 100%; }
input { width: 100%; }
<div>
<label for="a">Первый input</label>
<span><input type="text" id="a" /></span>
</div>
<div>
<label for="b">Второй</label>
<span><input type="text" id="b" /></span>
</div>
<div>
<label for="c">И ещё с длинным-длинным тексом</label>
<span><input type="text" id="c" /></span>
</div>
Обращаю внимание на обёртывание input
а в span
- без него так не получится, т. к. table-cell
плохо сочетается с input
ом.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Делаю жесткий фильтр для пользователей по полю "Кто создал"Нужно что бы фильтр работал скрыто и пользователь не мог его отменить! Единственное...
Добрый день! Подскажите, пожалуйста, следующееВ html коде нужным мне спискам ul li я не присваиваю классы