Geek asks and answers

You need to correctly align the decimal number in the ol list

I have a standard ollist:

1. One
2. Two
10. Ten

Is there a way to get the decimal number to the right so that it looks like this:

 1. One
 2. Two
10. Ten

EDIT : Screenshot. The upper font Typekt (Proxima Nova) is normal. Below - sans serif.

Only appropriate style: ol { list-style-position: inside; }

+3
source share
1 answer

Are the default item numbers in the same order? At least they are in IE and Firefox:

<ol>
  <li>One</li>
  <li>Two</li>
  <li value="10">Ten</li>
</ol>

UPDATE: The problem is that (1) is list-style-positionset to inside, so the position number is displayed as part of the content of the element, not in the left margin, and (2) you are using a font with variable-width digits.

list-style-position: inside . ? , , , ?

+3

More articles:


All Articles