液体文本字段宽度

我有这个相当简单的形式：

<form action="...">
    <div>
        <input type="text" class="input-text" value="" name="text" />
        <input type="submit" class="submit" value="Submit" />
    </div>
</form>

表单位于固定宽度div（在ems中指定）内。 我希望textfield和button是一行，但是即使我指定了它的

size

属性，文本字段宽度在浏览器中也是不一致的。不想指定确切的宽度（特别是对于按钮）我想知道是否可以给文本字段一个液体宽度？我希望文本字段能够拉伸，以便它和按钮可以放在一行上。