title: CSS: Control space between bullet and <li>
body: <p>I'd like to control how much horizontal space a bullet pushes its <code>&lt;li&gt;</code> to the right in an <code>&lt;ol&gt;</code> or <code>&lt;ul&gt;</code>.</p>
  
  <p>That is, instead of always having</p>
  
  <pre><code>*  Some list text goes
     here.
  </code></pre>
  
  <p>I'd like to be able to change that to be</p>
  
  <pre><code>*         Some list text goes
            here.
  </code></pre>
  
  <p>or</p>
  
  <pre><code>*Some list text goes
   here.
  </code></pre>
  
  <p>I looked around but could only find instructions for shifting the entire block left or right, for example, <a href="http://www.alistapart.com/articles/taminglists/" rel="noreferrer">http://www.alistapart.com/articles/taminglists/</a></p>