Задача:
CODE (
html):
скопировать код в буфер обмена
<div class="container">
<!-- выравнивается по содержимому (тексту) -->
<label>Some text</label>
<!-- занимает всю оставшуюся ширину контейнера -->
<input type="text">
</div>
Желательно, не трогать внутренние блоки и не добавлять лишние теги.
http://jsfiddle[dot]net/r95orr04/ - все бы хорошо, но label переносится
я прочитал пару статей по flex, но так и не понял, реально ли это сделать (используя flexbox)
Я знаю, что это можно сделать имитируя таблицу, но я не знаю, как сделать label размеров содержимого
jsfiddle.net/g52wouzm/
(Добавление)
P.S заголовок тему УГ, извиняюсь;)