对齐asp：Radiobuttonlist中的文本

Question

下面的图片是我的问题的当前情况。

如何使文本在radiobutton之后保持正确？以下是我的代码：

<div class="form-group">
<div class="col-sm-2">
    <asp:Label ID="AutoContra" CssClass="control-label" runat="server" Font-Bold="true">Auto Contra</asp:Label>
</div>
<div class="col-sm-1">:</div>
<div class="col-sm-2">
    <asp:RadioButtonList ID="autcon" runat="server" CssClass="radio" RepeatLayout="Flow" RepeatDirection="Horizontal">
        <asp:ListItem Text="Yes" Value="1" Selected="True"></asp:ListItem>
        <asp:ListItem Text="No" Value="0"></asp:ListItem>
    </asp:RadioButtonList>
</div>
<div class="col-sm-1"><span style="color:red;">*</span></div>
</div>

有什么帮助吗？谢谢！

Answer 1

使用单选按钮css样式cssclass="rbl"

<style type="text/css">
   .rbl input[type="radio"]
   {
        margin-left: 20px;
        margin-right: 5px;
   }
</style>
<asp:RadioButtonList   ID="autcon" runat="server" CssClass="rbl" RepeatLayout="Flow" RepeatDirection="Horizontal">
   <asp:ListItem Text="Yes" Value="1" Selected="True"></asp:ListItem>
   <asp:ListItem Text="No" Value="0"></asp:ListItem>
</asp:RadioButtonList>