[thelist] CSS: radio button inline with text - how?

aardvark roselli at earthlink.net
Thu Jun 21 12:01:57 CDT 2001


> From: "Seth Bienek" <seth at sethbienek.com>
[...]
> Here's what I have in a table cell:
> 
> Sex:&nbsp;<input type="radio" name="applicantSex"
> value="M">M&nbsp;&nbsp;<input type="radio" name="applicantSex"
> value="F">F&nbsp;
> 
> (note that I have removed the 'experimental' inline css for brevity)
> 
> Can anyone offer suggestions on cross-browser css designations to keep
> this from wrapping at the radio buttons?

it's in a table cell?  did you try the (non-HTML 4) 'nowrap' attribute 
in the <td>?  or the (non-HTML 4) <nobr></nobr> tags?

i'd also suggest wrapping your text labels in a <label>:

<td nowrap class="foo">
Sex:&nbsp;&nbsp;&nbsp;
  <input type="radio" name="applicantSex" value="M" 
id="applicantSexM"><label for="applicantSexM">Male</label>
&nbsp;&nbsp;
  <input type="radio" name="applicantSex" value="F" 
id="applicantSexF"><label for="applicantSexF">Female</label>
</td>





More information about the thelist mailing list