Well, it's funny I found this thread, because I've been struggling with this exact same thing all night. Have a book with 6 parts, 54 chapters. In my case, the chapters had rather long titles in some instances, so I had to create a span class to make certain of those work and look nice.
I will first say that I am a TOTAL noob at CSS and equally a noob at epub. So don't laugh too hard. I'm trying to make sense of it all with my 53 year old brain and not doing so well! And I was trying to duplicate the style of my old print book. I came pretty close, actually!
I used an unordered list, but then, to line up my decimals, I used as many non-breaking spaces as I needed to do it. And likewise to make my PART headings line up where I wanted.
Quote:
<ul>
<li class="section"> &nbs p; PART ONE</li>
<li> 1. This is a real noob solution</li>
<li> 2. but it does seem to work in ADE and on Nook</li>
<li> 4. even if it is awkward as hell</li>
<li> 5. call me crazy</li>
<li> 6. but this problem drove me nuts all night</li>
</ul>
<ul>
<li class="section"> &nbs p; PART TWO</li>
<li>10. I had 54 chapters</li>
<li>11. so I needed to make those decimals line up</li>
<li>12. this seemed to do it</li>
</ul>
|
Then I styled the unordered list so that there were no bullets.
Quote:
ul {list-style: none;
list-style-position: outside;
list-style-image: none;
line-height: 1em;
}
|
It did work for me in ADE and on my Nook! Which is all I care about, since the book I'm doing is an effort just for me. I don't know if it would be a good idea to use this method on something to be actually published though. It might not work on every device.
Just thought I'd post in case it helps anyone.