如何在同一行上设置单选按钮和文本字段？

Question

我正在尝试在同一行上有一个单选按钮和一个文本字段。我希望文本框采用剩余的宽度。我试图浮动元素等，但单选按钮不再与文本输入垂直对齐。我需要做什么？这是我当前的HTML，其中文本字段不会占用整个宽度。

<li>
    <input type="radio"
           name="answers"
           value="true" />

        <input type="text" />
</li>

Answer 1

考虑将一些CSS应用于元素。

input[type=radio],
input[type=text] {
    display: inline-block;
    vertical-align: middle;
}
input[type=radio] {
    width: 10%;
}
input[type=text] {
    width: 89%;
}