display radiobuttonlist inline

Question

Mam kilku radiolodzy na mojej stronie. Problem, przed którym stoję, polega na tym, że tekst przycisków radiowych nie jest wyświetlany w linii przycisku radionowego. Ustawiłem repeatLayout na Table and Flow i nic nie działa. Próbowałem dodać styl wyświetlania: inline; ale to też nie działa (chociaż działo się to na polach wyboru i myślałem, że może to też zadziała).

To jest po prostu normalnym radiolist:

<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;} 

Gdy repeatLayout jest na stole:

A kiedy repeatLayout jest od przepływu:

Can Som ebody proszę mi pomóc w jaki sposób ustawić go tak tekst jest wyświetlany obok przycisku opcji ... Jeśli to robi różnicę RadioButtonList jest w tabeli ....

---

ROZWIĄZANIE:

to właśnie radio buttonlist wygląda teraz:

<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> 

I to jest CssClass:

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

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

Answer 1

Spróbuj tego:

.radioButtonList label{ 
    display:inline; 
} 

pracuje dla mnie, ale jeśli to nie działa dla Ciebie, to możesz spróbować tego rozwiązania http://forums.asp.net/t/1089664.aspx/1

który wyświetla dane wejściowe i etykieta jako blok i unosi obie.

Answer 2

Check the solution suggested by Aroon Soraali:

<asp:RadioButtonList RepeatDirection="Horizontal" ID="rblFilterType" runat="server"/>