title: CSS for displaying an indented ordered list with checkboxes before each list item
body: <p>I'm not sure if this is possible, but I'm attempting to set up an ordered list with checkboxes in front of each list item, something like this:</p>
  
  <ol>
  <li>I would like this to have a checkbox to the left of the item number and wrap to the first word in the sentence, not to the item number.</li>
  <li>Same deal as item number 1, want a checkbox to the left of the item number and wrap to first word in sentence.</li>
  </ol>
  
  <p>I've figured out the indenting stuff using <a href="https://stackoverflow.com/q/10428720/27457">this question</a>, but haven't been able to get the checkboxes to show up on the same line as the <code>&lt;li&gt;</code>.  Is there any way to do this?</p>
  
  <p>Here's a <a href="http://jsfiddle.net/syltech/9v97V/" rel="nofollow noreferrer">jsFiddle I've been messing with</a>.</p>