List numbers cut off when text is enlarged! How to fix?

fluoresce · 05-09-2017, 06:40 PM

Just when I thought I had finally completed my EPUB, I enlarged the text on my tablet during testing and noticed that the list numbers get cut off!

Any way to fix this without dramatically increasing the left margin of the list items?

I tried:

Code:

ol {
list-style-position: inside;
}

This puts the numbers inside the <li> boxes and fixes the cutting off problem. However, long list items that take up many lines then look like short paragraphs because each line of text starts under the number. In other words, the numbers no longer stick out to the sides.

Turtle91 · 05-09-2017, 09:04 PM

Check to see if you have a set margin (in, px). If you do, change it to a relative one like 1.2em. That way the margin adjust with your font size.

fluoresce · 05-10-2017, 12:55 PM

Turtle saves me again!

Wasn't permitted to give you any more karma. :-/

05-09-2017, 06:40 PM	#1
fluoresce Enthusiast Posts: 38 Karma: 342440 Join Date: Apr 2017 Device: Sigil	List numbers cut off when text is enlarged! How to fix? Just when I thought I had finally completed my EPUB, I enlarged the text on my tablet during testing and noticed that the list numbers get cut off! Any way to fix this without dramatically increasing the left margin of the list items? I tried: Code: ol { list-style-position: inside; } This puts the numbers inside the <li> boxes and fixes the cutting off problem. However, long list items that take up many lines then look like short paragraphs because each line of text starts under the number. In other words, the numbers no longer stick out to the sides.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Ordered List Numbers being cut off	SantafA	ePub	8	03-16-2015 09:56 PM
Why are my page numbers cut off?	Books987	Conversion	10	01-25-2015 01:48 AM
ordered list cut of after epub->mobi conversion	lela1031	Conversion	5	03-02-2012 12:29 PM
Text Cut Off	jthedwalker	Calibre	1	11-13-2010 12:15 PM
Podcast numbers cut through hype	Laurens	Lounge	1	04-11-2006 09:40 PM

05-09-2017, 09:04 PM	#2
Turtle91 A Hairy Wizard Posts: 3,347 Karma: 20171571 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	Check to see if you have a set margin (in, px). If you do, change it to a relative one like 1.2em. That way the margin adjust with your font size.

05-10-2017, 12:55 PM	#3
fluoresce Enthusiast Posts: 38 Karma: 342440 Join Date: Apr 2017 Device: Sigil	Turtle saves me again! Wasn't permitted to give you any more karma. :-/

Advert