title_body: custom bullets html ebook kindle
upvoted_answer: There are a few things going on here. The spacing issue is likely being caused by the presence of block elements inside list elements&mdash;the headers are probably getting bumped onto their own line, apart from the start of the list item. If you're starting with the toc.xhtml of an epub file, you'll need to lose any elements inside the Table of Contents list (which must be in a &lt;nav&gt;) other than &lt;span&gt;, &lt;a&gt;, or &lt;ol&gt;. You've got a couple other minor problems that are probably from typing stuff in here, but to hit them quickly:
  
  
  The closing &lt;b&gt; tags don't have a "/", making them opening tags
  The first list item ends before the list inside it begins
  The first &lt;b&gt; ends before the &lt;h3&gt; containing it ends
  
  
  Try out the following:
  
  &lt;nav id="toc" epub:type="toc"&gt;
      &lt;ol class ="customBullet"&gt;
          &lt;li class="tier1"&gt;&lt;a href="item1.xhtml"&gt;Item&lt;/a&gt; &lt;!-- 1st tier --&gt;
              &lt;ol class="customBullet"&gt;
                  &lt;li class="teir2"&gt;&lt;a href="item1.xhtml#part1"&gt;Sub-item&lt;/a&gt; &lt;!-- 2nd tier --&gt;
                      &lt;ol class="customBullet"&gt;
                          &lt;li class="teir3"&gt;&lt;a href="item1.xhtml#part1_1"&gt;Sub-sub-item&lt;/a&gt; &lt;!-- 3rd tier --&gt;
                              &lt;ol class="customBullet"&gt;
                                  &lt;li class="teir4"&gt;&lt;a href="item1.xhtml#part1_1_1"&gt;Sub-sub-sub-item&lt;/a&gt;&lt;/li&gt; &lt;!-- 4th tier --&gt;
                              &lt;/ol&gt;
                          &lt;/li&gt; 
                      &lt;/ol&gt;
                  &lt;/li&gt;
              &lt;/ol&gt;
          &lt;/li&gt;
          &lt;li&gt;Item&lt;/li&gt;
          &lt;li&gt;Item&lt;/li&gt;
          &lt;li&gt;Item&lt;/li&gt;
          &lt;li&gt;Item&lt;/li&gt;
          &lt;li&gt;Item&lt;/li&gt;
      &lt;/ol&gt;
  &lt;/nav&gt;
  
  
  You could as easily give the class definition to each &lt;ol&gt;, and then have the CSS point to ol.tier3 li { color: blue; } or whatever styling you want&mdash; might be easier to read the code that way.
  
  Hope that's useful!