title: What controls horizontal space between levels of nested list?
body: <p>Here are three shots of the same code illustrating what I mean. As you can see, they really vary.</p>
  
  <p><a href="https://i.stack.imgur.com/ON3Af.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ON3Af.png" alt="Nested list with WordPress 1.5 theme"></a>
  <a href="https://i.stack.imgur.com/QqJLw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QqJLw.png" alt="Nested list with Subtlebeauty WordPress theme"></a>
  <a href="https://i.stack.imgur.com/rd2em.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rd2em.png" alt="Nested list with WordPress 1.6 theme"></a></p>
  
  <p>And the code, for reference, is:</p>
  
  <pre><code>   &lt;ul&gt;
   &lt;li&gt;num 1&lt;/li&gt;
    &lt;ul&gt;
     &lt;li&gt;num 1.1&lt;/li&gt;
     &lt;li&gt;num 1.2&lt;/li&gt;
     &lt;ul&gt;
      &lt;li&gt;3rd level&lt;/li&gt;
     &lt;/ul&gt;
    &lt;/ul&gt;
   &lt;li&gt;num 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I suppose this could be due to a variety of things, but it doesn't hurt to ask.
    <a href="https://i.stack.imgur.com/ON3Af.png" rel="nofollow noreferrer">1</a>: </p>