顯示單選按鈕列表內聯

我的頁面上有一些電台列表。我面臨的問題是單選按鈕的文本沒有顯示在單選按鈕的內聯。我已將 repeatLayout 放到 Table 和 Flow 中，但兩者都不起作用。我試圖添加一種 display: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 在桌子上時：

當 repeatLayout 在 Flow 上時：

有人可以幫助我如何設置它，以便文本顯示在單選按鈕旁邊……如果它有所不同，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>

嘗試這個：

.radioButtonList label{
   display:inline;
}

對我有用，但如果它不適合你，那麼你可以試試這個解決方案 <http://forums.asp.net/t/1089664.aspx/1>

他將輸入和標籤顯示為塊並浮動。

檢查 Aroon Soraali 建議的解決方案：

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

引用自：https://stackoverflow.com/questions/17670479