title: Align radio buttons vertically, when they are on the right side of the label?
body: <p>How can I align the radio buttons? I would like them to be lined up on top of each other.</p>
  
  <p><a href="https://jsfiddle.net/74ymp9wo/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form&gt;
    &lt;label for="male"&gt;Male&lt;/label&gt;
    &lt;input type="radio" id="male" name="gender" value="male"&gt;
    &lt;br&gt;
    &lt;label for="female"&gt;Female&lt;/label&gt;
    &lt;input type="radio" id="female" name="gender" value="female"&gt;
    &lt;br&gt;
    &lt;label for="other"&gt;Other&lt;/label&gt;
    &lt;input type="radio" id="other" name="gender" value="other"&gt;
  
  &lt;/form&gt; 
  </code></pre>