Radiobuttons horizontal ausrichten mit Text

[phi]

Anbei noch meine CSS-Definitionen,damit es einfacher ist meine Probleme nachzuvollziehen.

label {
 font-family:Arial, Tahoma, Sans-Serif;
 color:#4A453B;
 font-size: 11px;
 margin-left:10px;
 margin-top:5px;
 margin-bottom:5px;
 display:block;
 float:left;
  width:110px;
 vertical-align:baseline;
 letter-spacing:normal;
}
.col1 {
 font-family:Arial, Tahoma, Sans-Serif;
 color:#4A453B;
 font-size:    12px;
 margin-top:    00px;
 margin-left:   00px;
 margin-bottom:   00px;
 margin-right:   00px;
 display:     block;
 float:     left;
  width:     90px;
 vertical-align:  baseline;
 letter-spacing:  normal;
}
.col2 {
 font-family:   Arial, Tahoma, Sans-Serif;
 color:               #4A453B;
 font-size:    12px;
 margin-top:    00px;
 margin-left:   00px;
 margin-bottom:   00px;
 margin-right:   00px;
 display:     block;
 float:     left;
  width:     90px;
 vertical-align:  baseline;
 letter-spacing:  normal;
}

Die folgende Tabelle war nur ein Versuch:...

<label for="Geschlecht">Gender:*</label>
<div class="radiogrp" id="radiobox1" name="radiobox1">
<table cellpadding="0" cellspacing="0" border="1">
<tr>
<td align="left" valign="middle" width="10"><input type="radio" name="gender" class="radioinput1" value="male" /></td>
<td align="left" valign="middle"><p class="col1">male</p></td>
<td align="left" valign="middle" width="10"><input type="radio" name="gender" class="radioinput3" value="female" /></td>
<td align="left" valign="middle"><p class="col2">female</p></td>
</tr>
</table>