RepeatColumns="2" overlaps CheckBoxList checkbox on second column

Here is my asp.net code

            <asp:Panel ID="Panel1" runat="server">                        
                <asp:CheckBoxList ID="chkCourseList" runat="server" style="margin-left:10px;" class="checkbox-inline" RepeatLayout="Flow" RepeatColumns="2">
                </asp:CheckBoxList>                            
            </asp:Panel>

this is the issue:

Course name Check box getting selected when clicked next to course name

image here

I want the checkbox on the right of the text.

Thanks in advance.