Отображать radobuttonlist inline

У меня есть несколько радиологов на моей странице. Проблема, с которой я сталкиваюсь, заключается в том, что текст переключателей не отображается в строке кнопки радиона. Я поместил repeatLayout в таблицу и поток, и ни один из них не работает. Я попытался добавить стиль отображения: inline; но это тоже не работает (хотя это делалось на флажках, и я думал, что, возможно, это тоже сработает).

Это обычный радиолог:

<asp:RadioButtonList ID="radRace" CssClass="radioButtonList" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem>Race 1</asp:ListItem>
    <asp:ListItem>Race 2</asp:ListItem>
    <asp:ListItem>Race 3</asp:ListItem>
    <asp:ListItem>Race 4</asp:ListItem>
</asp:RadioButtonList>

ul.radioButtonList { list-style:none; margin: 0; padding: 0;}
ul.radioButtonList.horizontal li { display: inline;}

Когда repeatLayout находится в таблице:

enter image description here

И когда repeatLayout находится в потоке:

enter image description here

Может кто-нибудь, пожалуйста, помогите мне в том, как установить его, чтобы текст отображался рядом с переключателем... Если это имеет значение, то radioButtonList находится в таблице....

РЕШЕНИЕ:

Вот как выглядит список переключателей:

<asp:RadioButtonList ID="radRace" CssClass="radioButtonList" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem>Race 1</asp:ListItem>
    <asp:ListItem>Race 2</asp:ListItem>
    <asp:ListItem>Race 3</asp:ListItem>
    <asp:ListItem>Race 4</asp:ListItem>
</asp:RadioButtonList>

И это cssClass:

<style type="text/css">
    .radioButtonList { list-style:none; margin: 0; padding: 0;}
    .radioButtonList.horizontal li { display: inline;}

    .radioButtonList label{
        display:inline;
    }
</style>

Ответы

Ответ 1

Попробуйте следующее:

.radioButtonList label{
    display:inline;
}

работает для меня, но если он не работает для вас, вы можете попробовать это решение http://forums.asp.net/t/1089664.aspx/1

Он отображает ввод и метку как блок и плавает оба.