title: center radio button below label
body: <p>Let's say I have some radio buttons with their labels looking like this:</p>
  
  <pre><code>&lt;label for="my_radio_button_id"&gt;My Label&lt;/label&gt;
  &lt;input type="radio" name="radio" id="my_radio_button_id" /&gt;
  </code></pre>
  
  <p>How do I center each radio button below its corresponding label and align it horizontally?</p>