Заполнение input'ом свободного пространства

[Crystall]

Здравствуйте!

Необходимо растянуть input#child на свободную ширину div#parent, причём учесть, что текст label'а может быть любой длины.

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

Пример на JSFiddle.

[alexandr_v-vich]

У вас 2 элемента внутри, их можно конечно проставить как 30% и 70%, но выйдет ужасно некрасиво. Значит необходимо input`у ставить 100% и выносить подпись. Вариантов вынести подпись несколько. Вариант через :before (правда у меня не вышло). Я сделал так http://jsfiddle.net/bt8sg/114/ - но тоже условность, лучше <p> ещё выше (по DOM) вынести, чтобы не зависили они друг от друга, и если нужно через label ссылайтесь на инпут

Edited March 4, 2012 by alexandr_v-vich

[Searcher]

проще input обернуть в блок (input, соответственно, 100% ширирной), а метку флоатнуть