New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Creating Spacing Between CheckBoxList Items in Horizontal Direction


Product RadCheckBox for ASP.NET AJAX
Version all


When using the RadCheckBoxList control with the Horizontal direction, you may want to create spacing between the items. By default, the items are displayed without any spacing. This article will guide you through the steps to achieve the desired spacing.


To create spacing between the items in a RadCheckBoxList with the Horizontal direction, follow these steps:

  1. Apply the following CSS class to the RadCheckBoxList control:
.rbHorizontalList .RadButton, .rbColumnList {
    padding: 0 10px 0 10px;

This CSS class adds a padding of 10 pixels on both sides of each item in the RadCheckBoxList, creating the desired spacing.

That's it! The spacing between the items in the RadCheckBoxList should now be visible when using the Horizontal direction.


  • You can adjust the value of the padding property in the CSS class to increase or decrease the spacing between the items as needed.

See Also

In this article