title: Radio buttons not aligning properly
body: <pre><code>&lt;table&gt;
                  &lt;tr style="background:#CCCCCC"&gt;
                      &lt;td&gt;
                          &lt;input id="Radio1" name="G1M" value="1" type="radio" /&gt;&lt;br /&gt;
                          &lt;input id="Radio2" name="G1M" value="2" type="radio" /&gt;&lt;br /&gt;
                          &lt;input id="Radio3" name="G1M" value="3" type="radio" /&gt;&lt;br /&gt;
                          &lt;input id="Radio4" name="G1M" value="4" type="radio" /&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;input id="Radio5" name="G1L" value="1" type="radio" /&gt;Gentle or kindly&lt;br /&gt;
                          &lt;input id="Radio6" name="G1L" value="2" type="radio" /&gt;Persuasive, convincing&lt;br /&gt;
                          &lt;input id="Radio7" name="G1L" value="3" type="radio" /&gt;Humble, reserved, modest&lt;br /&gt;
                          &lt;input id="Radio8" name="G1L" value="4" type="radio" /&gt;Original, inventive, individualistic
                      &lt;/td&gt;
                  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>In the page, the two sets of radio buttons appear by each other, each 1 column tall and 4 rows deep. However, since the second set has text after it, the spread between the radio buttons are wider than the spread between the first set of buttons. I don't want to add text after the first set and I've tried just using a blank space. Is there a better way to format these two side-by-side radio button sets?</p>