MobileRead Forums - View Single Post

democrite · 01-16-2016, 01:06 AM

Hello,

I have an HTML TOC that looks something like this:

I. – Title
II. – Title
III. – Title
IV. – Title
…

I'm trying to get the chapter numbers aligned by the endash as well as having the chapter title left aligned, if it wraps, after the endash. I have the chapter numbers in a span:

Code:

<div class="sgc-toc-level-2">
  <a href=""><span class="num">XXXVII. – </span> Title</a>
</div>

Code:

.num { width:5.5em; text-align:right; float:left; padding-right:.5em }

It looks ok in ADE yet in iBooks, the chapter title wraps and begins at the left margin. A hanging indent doesn't seem to work.

01-16-2016, 01:06 AM	#1
democrite Evangelist Posts: 441 Karma: 77256 Join Date: Sep 2011 Device: none	Aligned chapter numbers in a TOC Hello, I have an HTML TOC that looks something like this: I. – Title II. – Title III. – Title IV. – Title … I'm trying to get the chapter numbers aligned by the endash as well as having the chapter title left aligned, if it wraps, after the endash. I have the chapter numbers in a span: Code: <div class="sgc-toc-level-2"> <a href=""><span class="num">XXXVII. – </span> Title</a> </div> Code: .num { width:5.5em; text-align:right; float:left; padding-right:.5em } It looks ok in ADE yet in iBooks, the chapter title wraps and begins at the left margin. A hanging indent doesn't seem to work.