aspのテキストを整列：ラジオボタンリスト

Question

以下の画像は私の問題の現在の状況です。

はどのようにラジオボタンの後に右に滞在するテキストを作るには？以下は私のコードです：

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