How to center a RadioButtonList in a table cell

Question

This should be dead easy. How do you center a radiobuttonlist? It didn't used to be hard. The below HTML does not work. What am I missing?

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table style="width:100%">
                  <tr>
                      <td  style="text-align: center">
                          <asp:RadioButtonList ID="radUserType" runat="server" 
                              RepeatDirection="Horizontal">
                          </asp:RadioButtonList>
                      </td>
                  </tr>
           </table>
    </div>
    </form>
</body>
</html>

Don't use tables for your layout. Use CSS. http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html Oh, and don't use inline-styling. — Dennis Traub, Sep 07 '12 at 14:33
I use a stylesheet, but for this example, I wanted to make it very simple. And I don't belive "don't use tables" is a serious answer. — user1577821, Sep 07 '12 at 14:37

score 1 · Answer 1 · answered Sep 23 '15 at 14:29

1

RepeatLayout="Flow"

Renders the RadioButtonList in a span rather than a table.

answered Sep 23 '15 at 14:29

Joe

49
6

score 0 · Answer 2 · answered Sep 07 '12 at 14:43

0

Try using td attributes :

<td align="center"> 
      <asp:RadioButtonList ID="radUserType" runat="server" 
       RepeatDirection="Horizontal">
       </asp:RadioButtonList>
</td>

answered Sep 07 '12 at 14:43

ygssoni

7,219
2
23
24

Yes, that works in this example, but not on my page, which uses CSS. It seems as if some CSS attribute up the line is overriding the "align=center". So, it would seem the remedy would be to add a CSS style directly in the cell. Shouldn't that be used before other up-line CSS? – user1577821 Sep 07 '12 at 15:03
Using Chrome. If I use
, it renders as centered in VS2010, but when I view in the browser, it's back to left justify.
– user1577821 Sep 07 '12 at 15:13
Viewing the page, radiobuttonlist LEFT justified, hwere is the source HTML. This makes no sense.

Student Teacher Parent

– user1577821 Sep 07 '12 at 15:18

How to center a RadioButtonList in a table cell

2 Answers2