Question

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

如何将文字排成一行？这是我的查看源代码

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

CheckboxList项目文本CSS

1 个答案: