title: How do I add background color to items in a list
body: <p>I have an ordered list </p>
  
  <pre><code>&lt;ol&gt;
  &lt;li class="odd"&gt;Lorem ipsum dolor sit amet, consectetur ...&lt;/li&gt;
  &lt;li class="even"&gt;Some more text&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>To look something like this:</p>
  
  <ol>
      <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</li>
      <li>Some more text</li>
  </ol>
  
  <p>I want the list to have list-position: outside so the numbers overhang (as they do on this page) but have the background of each list item (which alternate) cover the numbers as well.</p>