Anzeige Radiobuttonlist Inline

Question

Ich habe ein paar Radiologen auf meiner Seite. Das Problem, mit dem ich konfrontiert bin, ist, dass der Text der Radiobuttons nicht inline der Radion-Schaltfläche angezeigt wird. Ich habe die repeatLayout zu Tabelle und Flow und keiner funktioniert. Ich habe versucht, einen Stil der Anzeige hinzuzufügen: Inline; aber das funktioniert auch nicht (obwohl es auf den Checkboxen war und ich dachte, dass es vielleicht auch hier funktionieren würde).

Dies ist nur ein normaler 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;} 

Wenn die Repeat auf dem Tisch ist:

Und wenn die Repeat ist auf Fluss:

Kann Som eBody Bitte helfen Sie mir, wie man es so eingestellt, dass der Text neben dem Optionsfeld angezeigt wird ... Wenn es einen Unterschied macht die Radiobuttonlist in einer Tabelle ist ....

---

LÖSUNG:

Dies ist, was das Radio jetzt aussieht buttonlist:

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

Und das ist die 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

Versuchen Sie folgendes:

.radioButtonList label{ 
    display:inline; 
} 

Werke für mich, aber wenn es nicht für Sie arbeiten dann könnten Sie versuchen, diese Lösung http://forums.asp.net/t/1089664.aspx/1

Er zeigt den Eingang und Label als Block und schwimmt beide.

Answer 2

Check the solution suggested by Aroon Soraali:

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