Как установить переключатель и текстовое поле в одной строке?

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%; 
}