title: Align Radio-Buttons and its Labels
body: <p>I am getting crazy right now since i try to style my radio buttons for hours now and i cant reach my goal (im completely new to the world of css).</p>
  
  <p>What i want to do is simple:</p>
  
  <p>I want three big radiobuttons underneath each other centered in my div with labels vertically aligned to the buttons. something similar to this:</p>
  
  <p><img src="https://i.stack.imgur.com/yD61K.png" alt="enter image description here"></p>
  
  <p>I have the following html:</p>
  
  <pre><code>&lt;div class="answers"&gt;
      &lt;label&gt;
          &lt;input type="radio" name="answers" value="male" /&gt; All
      &lt;/label&gt;
      &lt;label&gt;
          &lt;input type="radio" name="answers" value="female" /&gt; Name
      &lt;/label&gt;
      &lt;label&gt;
          &lt;input type="radio" name="answers" value="male" /&gt; Vendor No.
      &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And the result is this:</p>
  
  <p><img src="https://i.stack.imgur.com/p3ZUA.png" alt="enter image description here"></p>
  
  <p>I want much bigger buttons and much bigger text. i want the text to be to the right of the buttom with a little padding. i want all radio buttons to be centered. I tried many things but everything was just looking weird. Pls help me... i am beginning to hate css....</p>