如何在ChecklistBox中的同一行上显示文本和复选框

Question

我使用CheckListBox控件来显示项目列表。我想在同一行显示文本和复选框，但对于较大的文本，它会将文本分解为下一行，如下所示

我的Aspx代码：

<asp:CheckBoxList ID="ChkLstProducts" runat="server" DataTextField="ProductName" DataValueField="ProductId" CssClass="productsf" Width="300"></asp:CheckBoxList>

CSS代码：

.productsf {
    font-family: 'Segoe UI';
    font-size: 10px;
    overflow:hidden;
    text-overflow: ellipsis;
    color: #000;
    cursor: pointer;
    display:list-item
}