title: What is the best way to left align radio buttons on top of each other?
body: <p>I have a bunch of radio buttons, and I have a</p>
  
  <pre><code>&lt;br/&gt;
  </code></pre>
  
  <p>after each one and they all seem to horizontal align center (even if I put some CSS that says left align).</p>
  
  <p>Here is the CSS,</p>
  
  <pre><code>.radioLeft
  {
      text-align:left;
  }
  </code></pre>
  
  <p>Here is the HTML:</p>
  
  <pre><code> &lt;input checked="checked" class="radioLeft"  name="CalendarType" value="1" type="radio"&gt;&lt;b&gt;Person &lt;/b&gt;(False) &lt;br&gt;
   &lt;input checked="checked" class="radioLeft"  name="CalendarType" value="2" type="radio"&gt;&lt;b&gt;Event &lt;/b&gt;(False) &lt;br&gt;
   &lt;input checked="checked" class="radioLeft"  name="CalendarType" value="3" type="radio"&gt;&lt;b&gt;Release&lt;/b&gt;(False) &lt;br&gt;
  </code></pre>