Diseño de lista de botones de radio ASP .Net

Question

Tengo problemas para lograr el diseño deseado para la lista de botones de radio. Quiero que el resultado se vea como la imagen de abajo.

Aquí hay un enlace a lo que estoy tratando de lograr:

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

Aquí está mi código tratando de lograr lo anterior, pero no soy capaz de obtener el texto encima del botón de radio mediante programación . ¿Es algo de CSS? He probado muchas combinaciones diferentes de RepeatLayout, RepeatDirection, RepeatColumns, TextAlign, etc.

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

Gracias por el asesoramiento.

Answer 1

Pude hacerlo con esta prueba.

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

Con este css

.RBL label 
{ 
    display: block; 
} 

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