MobileRead Forums - View Single Post - 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.

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.