css - CheckboxList 元素文本 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>