Как сделать так, чтобы диапазон и вход располагались рядом друг с другом и вместе занимали 100% ширины содержащего его div?

У меня есть следующий фрагмент:

<html>
<body>
<div style="width: 700px;">
<span>test</span>
<input style="width: 100%;"></input>
</div>
</body>
</html>

Но это не то, что я хочу. Я хотел, чтобы этот диапазон и ввод вместе составляли 100% div, то есть этот ввод начинался прямо там, где заканчивается диапазон и заполнялся до ширины div,без перехода на следующую строку. Как мне это сделать?

9
задан Gordon Gustafson 29 June 2011 в 20:53
поделиться