單選按鈕列表佈局ASP .Net

Question

我無法實現radiobuttonlist所需的佈局。我希望輸出看起來像下面的圖片。

這裏是我想要實現的鏈接：

http://skitch.com/hiraldesai/fcfn9/radio-button-layout

這裏是我的代碼試圖實現上述目標，但我不能夠得到單選按鈕上面的文本編程。這是一個CSS的東西？我嘗試了許多不同的RepeatLayout，RepeatDirection，RepeatColumns，TextAlign等組合。

AnswerRadioButtons.RepeatLayout = RepeatLayout.Table 
AnswerRadioButtons.RepeatDirection = RepeatDirection.Horizontal        

感謝您的建議。

Answer 1

我能用這個測試做到這一點。

<asp:RadioButtonList ID="rbl" runat="server" RepeatDirection="Horizontal" 
     RepeatLayout="Table" CssClass="RBL" TextAlign="Left"> 
    <asp:ListItem Text="radio button 1" /> 
    <asp:ListItem Text="radio button 1" /> 
    <asp:ListItem Text="radio button 1" /> 
</asp:RadioButtonList> 

利用該CSS

.RBL label 
{ 
    display: block; 
} 

.RBL td 
{ 
    text-align: center; 
    width: 20px; 
}