复选框列表项文本 CSS

Question

下面是我的复选框列表。文本显示在复选框下方。

我怎样才能把文字排成一行？这是我的视图源代码

<tr>
            <td><input id="ContentPlaceHolder1_cblReason_16" type="checkbox" name="ctl00$ContentPlaceHolder1$cblReason$16" value="02. Form of product order/purchase (POS with immediate delivery, POS with delayed delivery, Mail order, Phone order, Internet order)" /><label for="ContentPlaceHolder1_cblReason_16">02. Form of product order/purchase (POS with immediate delivery, POS with delayed delivery, Mail order, Phone order, Internet order)</label></td>
        </tr>




 <tr>
    <td style="text-align: left;" colspan="2">
    <asp:CheckBoxList ID="cblReason" runat="server" RepeatColumns="1" TextAlign="Right">
    <asp:ListItem>01. Two years of financial statements</asp:ListItem>
    <asp:ListItem>02. Form of product order/purchase (POS with immediate delivery, POS with delayed delivery, Mail order, Phone order, Internet order)</asp:ListItem>
    <asp:ListItem>03. Delivery timeframe.  If product delivery is not immediate, outline average timeframe between initial product purchase and  delivery of product.  If services are purchased, outline average timeframe between initial order and complete provision of  Service.                      </asp:ListItem>
</asp:CheckBoxList>

Answer 1

由于复选框是内联元素，您可以将文本包装在 <span> 元素中，该元素也是内联元素。

举个例子：

<input type="checkbox" /><span>Label</span>