title: Alignment and padding for asp:CheckBoxList
body: <p>I have an asp.net checkboxlist as follows:</p>
  
  <pre><code>    &lt;asp:CheckBoxList ID="CheckBoxList_Genres" runat="server" RepeatColumns="3"&gt;
          &lt;asp:ListItem Selected="True"&gt;Action&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Selected="True"&gt;Comedy&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Selected="True"&gt;Classics&lt;/asp:ListItem&gt;
          &lt;asp:ListItem Selected="True"&gt;Documentary&lt;/asp:ListItem&gt;
  </code></pre>
  
  <p>[...]</p>
  
  <p>I have two problems:  the text does not align with each checkbox, and in some browsers (notably Safari), there is no padding between the checkbox and the text (the text rides up against the checkbox).  I am aware of the answer posted here:
  <a href="https://stackoverflow.com/questions/306252/how-to-align-checkboxes-and-their-labels-consistently-cross-browsers">How to align checkboxes and their labels consistently cross-browsers</a></p>
  
  <p>However, I can't work out how to implement these styles in the asp:checkboxlist context; I know that a css style can be set for the checkboxlist, but do not think that this allows me to set separate styles for the "label" and the "checkbox".  Help would be appreciated.</p>