Copy link to clipboard
Copied
I am trying to vertically align multiple lines of text in numbered lists in the html file (publishing to Responsive HTML5). The alignment looks good for numbered lists beginning with 1-9, but the alignment is off for numbered lists that begin with double digits, 10 and above. In this image, you can see that the vertical alignment looks good for the single digit. The "C" and the "n" line up well.
However for the double-digit, the continued lines outdent a bit:
When I adjust the text-indent for the numbered list class to try to fix the alignment for the double digit text, it messes up the alignment for the single digit text.
Has anyone encountered this?
Copy link to clipboard
Copied
You're doing this in the CSS, right?
Copy link to clipboard
Copied
yes
Copy link to clipboard
Copied
Not being a CSS guru I don't have the answer off the top of my head, but what does Google have to say about the issue?
Copy link to clipboard
Copied
I have not been able to find anything.
Copy link to clipboard
Copied
Doesn't appear to be a standard method to achieve it:
html - Left align both list numbers and text - Stack Overflow
css - Aligning numbers inside an HTML Ordered List - Stack Overflow