Use the Simple CSS plugin:
- Open the page for editing
- Scroll to the very bottom, where you will see a box labeled “Simple CSS” with space to insert custom CSS that will apply only to this one page
- Insert the following code
ol { counter-reset:item; padding-left 10px; }
li { display: block; }
li:before { content: counters(item, “.”) ” “; counter-increment:item; }
- Update the page
- Warning: make sure there is no line space between teh <li> and the start of the line, otherwise the numeral won’t line up with the text.
EXAMPLE OF THE OUTPUT == YOU NEED TO VIEW THE PUBLISHED PAGE, OR A “PREVIEW CHANGES” NOT IN THE EDITOR
- One
- Two
- Sub Two
- Next level under Two
- Next level under Two
- Next level under Tw
- Sub Two
- Sub Two
- Sub Two
- Three
- Sub Three
- Sub Three
- Sub Sub Three
- Sub Sub Three
- Sub Three
- Four