Радиокнопки и ориентация текста

Question

Как я могу переместить текст радиокнопки ближе к самой кнопке? Когда я создаю радиокнопку, текст кнопки появляется на расстоянии около 10 пикселей от кнопки, что делает горизонтальную ориентацию неловкой, поскольку текст затем начинает перекрываться с кнопкой справа.

Как мне изменить расстояние текста от кнопки?

Answer 1

Примечание ниже style="margin:0;"

<input type="radio" style="margin:0;" value="radio" id="radio" name="radio" />Some Text

Если вы хотите сделать это с классом, я бы рекомендовал использовать переключатели, потому что селекторы типов работают не во всех браузерах:

    <style type="text/css">
      .nomarginradio input{ margin:0; }
    </style>
    <div class="nomarginradio">
      <input type="radio" value="radio" id="radio" name="radio" />Some Text
    </div>

Answer 2

Поместите тег span на текст кнопки ввода. и настройте его селекторы отступа или поля. Немного текста