How do you stop RadioButtonList Label text from wrapping under the button How do you stop RadioButtonList Label text from wrapping under the button asp.net asp.net

How do you stop RadioButtonList Label text from wrapping under the button


This CSS actually does the trick:

<style type="text/css"> table.radioWithProperWrap input {          float: left; } table.radioWithProperWrap label {          margin-left: 25px;      display: block; }</style><asp:RadioButtonList runat="server" CssClass="radioWithProperWrap" ....>


You can take a radio button and a seperate label and set the AssociatedControlID property of that label.

<table>    <tr>        <td>            <asp:RadioButton runat="server" ID="rdo" />        </td>        <td>            <asp:Label runat="server" ID="lbl" Text="Radio Text" AssociatedControlID="rdo" />        </td>    </tr></table>


I know it's a little late in the game, but this worked for me:

    table.NoWrapRadio td    {        white-space:nowrap;    }

When I used the chosen answerer's approach, the wrapping issue was fixed, but it made the radio buttons rendered a vew pixels lower than the labels. I am using IE9 compatability mode.