title: Contact form 7 not aligning checkboxes correctly
body: <p>I am using contact form 7, when I create checkboxes they don't align properly, I've attempted to use the fix everyone else does with the list items and display:block but that wont work.</p>
  
  <p>Here is some sample code</p>
  
  <pre><code>&lt;span style="margin-bottom: 25px;"&gt;
  &lt;p style="padding-left: 21px; padding-bottom: 0px;"&gt;Please let me know about forthcoming events I might take part in:&lt;/p&gt;
  [checkbox local-events class:checkbox "local events (e.g. short walks, fundraising events)"]
  
  [checkbox challenge-events class:checkbox "Challenge events (e.g. overseas treks, sky diving)"]&lt;/span&gt;
  </code></pre>
  
  <p>Here is how it looks, i want the checkbox and the label to align themselves.</p>
  
  <p><img src="https://i.stack.imgur.com/CfTYQ.png" alt="enter image description here"></p>