title: How to insert a span tag into wp_list_categories
body: <p>Right now I'm using this in my <code>sidebar.php</code></p>
  
  <pre><code>&lt;?php wp_list_categories('title_li='); ?&gt;
  </code></pre>
  
  <p>It outputs:</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#"&gt;cat 1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#"&gt;cat 2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;
      &lt;a href="#"&gt;cat 3&lt;/a&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;sub cat 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;sub cat 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;sub cat 3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>What I need is:</p>
  
  <pre><code>&lt;li&gt;&lt;span&gt;&lt;/span&gt;&lt;a href="#"&gt;cat 1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;span&gt;&lt;/span&gt;&lt;a href="#"&gt;cat 2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;
      &lt;span&gt;&lt;/span&gt;&lt;a href="#"&gt;cat 3&lt;/a&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;span&gt;&lt;/span&gt;&lt;a href="#"&gt;sub cat 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;span&gt;&lt;/span&gt;&lt;a href="#"&gt;sub cat 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;span&gt;&lt;/span&gt;&lt;a href="#"&gt;sub cat 3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Is it doable? I'm not looking for CSS/JS solutions.</p>
  
  <p><strong>Edit:</strong> updated to point out the sub cat structure.</p>