如何使单选按钮列表文本不在单选按钮下方？

Question

我正在使用 visual studio 2013 并使用 ASP.Net 中的单选按钮列表。我对与按钮不一致的文本有疑问。 This is what I got and This is what I want 这是我的代码

 <div class="form-group">
      <div class="row">
         <div class="col-md-2">
              <asp:Label ID="lbl6" Text="From Date" runat="server"></asp:Label>
         </div>
         <div class="col-md-2">
              <dx:ASPxDateEdit ID="datepickerFrom" runat="server" AutoPostBack="true" DisplayFormatString="yyyy-MM-dd" EditFormat="Date" EditFormatString="yyyy-MM-dd" NullText="Please select the date">
              </dx:ASPxDateEdit>
         </div>
            <div class="col-sm-2">
                <dx:ASPxDateEdit ID="datepickerto" runat="server" AutoPostBack="true" DisplayFormatString="yyyy-MM-dd" EditFormat="Date" EditFormatString="yyyy-MM-dd" NullText="Please select the date">
                    <DateRangeSettings StartDateEditID="datepickerFrom" />
                </dx:ASPxDateEdit>
             </div>
             <div class="col-md-2">
                <asp:CheckBox ID="cbHalfDay" runat="server" Text="Half Day" AutoPostBack="true" />
                                   <asp:RadioButtonList ID="rblHalfday" runat="server" Visible="false" RepeatDirection="Horizontal" CssClass="margin-5">
                                       <asp:ListItem Text="First Half&nbsp;&nbsp;&nbsp;&nbsp;" Value="1" />
                                       <asp:ListItem Text="Second Half" Value="2" />
                                   </asp:RadioButtonList>
            </div>
        </div>
 </div>

Answer 1

所以，我尝试在 asp.net

中使用它

 <div class="col-sm-8">
     <asp:RadioButtonList ID="rblHalfday" runat="server" Visible="false" RepeatDirection="Horizontal" RepeatLayout="Table" RepeatColumns="2" CssClass="mylist">
        <asp:ListItem Text="First Half" Value="1" />
        <asp:ListItem Text="Second Half" Value="2" />
        </asp:RadioButtonList>
 </div>

这是 css

 table.mylist label {
      width: 100px;
      display: block;
      float: left;
      margin-left: 20px;
      margin-right: 5px;
   }

以及如下图所示的一行文字。但我也希望文本与单选按钮内联。

这是我得到的：

如何使单选按钮列表文本不在单选按钮下方？

how to make the radio button list text is NOT below the radio button?

asp.net

radiobuttonlist

visual-studio