Как расположить radio кнопки справа от текста?

Question

<div class="form-group">
                 <label class="radio-inline">Укажите пол:</label>
                 <label class="radio-inline">
                  <input id="inlineradio1" name="sampleinlineradio"  type="radio">
                  мужской</label>
                 <label class="radio-inline">
                  <input id="inlineradio2" name="sampleinlineradio" type="radio">
                  женский</label>
            </div>

Answer 1

<div class="form-group">
<span class="radio-inline">Укажите пол:</span>
<label class="radio-inline" for="inlineradio1">мужской</label> <!-- обратите внимание на <label></label> -->
<input id="inlineradio1" name="sampleinlineradio"  type="radio">
<label class="radio-inline" for="inlineradio2">женский</label> <!-- обратите внимание на <label></label> -->
<input id="inlineradio2" name="sampleinlineradio" type="radio">
</div>

Answer 2

Поменяйте местами текст с формой ввода, сначала текст, потом input. Советую вам оборачивать текст в тег <p>, чтобы управление текстом было более понятным.

<div class="form-group">
                 <label class="radio-inline">Укажите пол:</label>
                 <label class="radio-inline">
                  мужской<input id="inlineradio1" name="sampleinlineradio"  type="radio">
                  </label>
                 <label class="radio-inline">
                  женский<input id="inlineradio2" name="sampleinlineradio" type="radio">
                 </label>
            </div>

БЛОГ НА HUSL

Как расположить radio кнопки справа от текста?

Ответы (2 шт):