Ordered List of over 1000 Items

What?
So many people asking this when the solution is a bit of aesthetic styling.
copyraw
ol{margin:4px}

-- yields
995.
996.
997.
998.
999.
000.      <-- What's going on here then?
001.
002.
  1.  ol{margin:4px} 
  2.   
  3.  -- yields 
  4.  995
  5.  996
  6.  997
  7.  998
  8.  999
  9.  000.      <-- What's going on here then? 
  10.  001
  11.  002
Or check out this screenshot of the issue:
Ordered List Issue

How?
The number just doesn't fit in the margin and needs more space. You need to increase the margin-left of the ordered list (ol) so for example, the fix in the above image was to set the margin-left to 10 pixels:
copyraw
ol{margin-left:10px}

-- yields
 995.
 996.
 997.
 998.
 999.
1000.
1001.
1002.
  1.  ol{margin-left:10px} 
  2.   
  3.  -- yields 
  4.   995
  5.   996
  6.   997
  7.   998
  8.   999
  9.  1000
  10.  1001
  11.  1002



Other Searches
  • Ordered list gets reset to 0
  • numbered list > 1000
  • Ordered list resets to zero after the ninth item
  • Ordered List Maximum
Category: Cascading Stylesheets :: Article: 485

Please publish modules in offcanvas position.