javascript - 如何在同一行上有一个单选按钮和一个文本字段？

Question

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

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

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

Answer 1

Consider applying some CSS to the elements.

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