Checkboxlist css

Question

User-1499457942 posted

Hi

  I am displaying checkbox like this .  I want little space between each checkboxlist label. 

<asp:TemplateField HeaderText = "Location">
<ItemTemplate>
<asp:CheckBoxList ID="ChkBoxList" RepeatDirection ="Horizontal" RepeatColumns="25" runat="server"></asp:CheckBoxList>
</ItemTemplate>
</asp:TemplateField>

Thanks

Answer 1

User2103319870 posted

I want little space between each checkboxlist label. 

You can use below css style to add space in label

<style>
        .checkbox label {
            margin-left: 20px;
        }
    </style>

and assign the css to checkboxlist like below

 <asp:CheckBoxList ID="ChkBoxList" RepeatDirection="Horizontal" RepeatColumns="25" CssClass="checkbox" runat="server"></asp:CheckBoxList>

Answer 2

User-1716253493 posted

            <style>
                table.test > tbody > tr > td >label
                {
                    margin-left:20px;
                }
            </style>
            <asp:CheckBoxList ID="CheckBoxList1" runat="server" CssClass="test">
                <asp:ListItem>dfdsfs</asp:ListItem>
                <asp:ListItem>fsdfsdfsdf</asp:ListItem>
                <asp:ListItem Value="s">sdfsdf</asp:ListItem>
            </asp:CheckBoxList>