RadioButton won't stop creating hard returns

[travisowens]

Resolved... I simply needed to use RepeatDirection="Horizontal"

 

I have a RadioButtonList and even when I do RepeatLayout="Flow" it's output <br> tags that I can't override with Display: inline;

 

<asp:RadioButtonList ID="DistanceBW" runat="server" CssClass="RadioGrid" RepeatLayout="Flow">
<asp:ListItem Value="20ft" Text="" />
<asp:ListItem Value="21ft to 40ft" Text="" />
<asp:ListItem Value="41ft to 60ft" Text="" />
</asp:RadioButtonList>

 

which outputs

 

<span id="ctl00_Content_DistanceBW" class="RadioGrid">
<input id="ctl00_Content_DistanceBW_0" type="radio" name="ctl00$Content$DistanceBW" value="20ft" /><br />
<input id="ctl00_Content_DistanceBW_1" type="radio" name="ctl00$Content$DistanceBW" value="21ft to 40ft" /><br />
<input id="ctl00_Content_DistanceBW_2" type="radio" name="ctl00$Content$DistanceBW" value="41ft to 60ft" />
</span>

 

How can I get these radio buttons to align side by side?

Edited January 2, 2007 by travisowens