<input type = "radio"> не совпадает с <text></ text> за ним

Question

Мой <input type="radio">

в моей форме не совпадает с моей <text></text>

за этим.

Пример моей формы

Answer 1

Прежде всего, вы не должны использовать <text>, как сказал Дафуа. использование <label> вместо

label {
  display: flex;
}

<label>
  <input type="radio">
  Label Text
</label>

Answer 2

Ниже работает нормально, посмотрите, чтобы это работало, вы должны заключить переключатель в span, а затем - span и text div.

Настоящая магия в том, что вы помещаете свой элемент управления вводом в span и настраиваете таблицу стилей span, чтобы сделать центр контента это будет работать для вас.

.center {
    vertical-align: middle; 
    display:inline;
}

<div>
    <span class="center">
       <input type="radio">
    </sapn> text of radio
</div>

Рабочая демонстрация в jsfiddle: https://jsfiddle.net/hfu1zaxg/1/