Como posso fazer um intervalo e uma entrada ficarem próximos um do outro e coletivamente ocupar 100% da largura da div que conté
Tenho o seguinte trecho:
<html>
<body>
<div style="width: 700px;">
<span>test</span>
<input style="width: 100%;"></input>
</div>
</body>
</html>
Mas isso não faz o que eu quero. Eu queria que o span e a entrada juntos representassem 100% da div, ou seja, essa entrada começaria exatamente onde o span terminaria e preencheria até a largura da div, sem passar para a próxima linha. Como faço isso