This post is intended as a test of all possible permutations of the advanced HTML list and CSS numbering that has been implemented on this site.

In this tutorial:
  1. Step One – Heading level h2
  2. Step Two – level h2
    1. Sub-heading level h3
    2. Sub-heading level h3
  3. Step Three Heading level h2
    1. Sub-heading level h3
      1. Sub-heading level h4
      2. Sub-heading level h4
        1. Sub-heading level h5
        2. Sub-heading level h5
      3. Sub-heading level h4
    2. Sub-heading level h3
      1. Sub-heading level h4
        1. Sub-heading level h5
  4. Step Four – Heading level h2
    1. Sub-heading level h3
      1. Sub-heading level h4
        1. Sub-heading level h5
    2. Sub-heading level h3
    3. Sub-heading level h3
      1. Sub-heading level h4
        1. Sub-heading level h5
        2. Sub-heading level h5
        3. Sub-heading level h5
  5. Step 5
  6. Step 6
Required knowledge:
  • this will always only be a bulleted list
  • with one level of bullets
  • (no sub-lists)

Step One – Heading level h2

This is the first paragraph under a numbered div. It is directly after an <h2>.

Step Two – Heading level h2

This is the first paragraph under a numbered div. It is directly after an <h2>.

Step Two Part One – Heading level h3

Some text.

Step Three – Heading level h2

Product A

  1. Feature 1
  2. Feature 2
  3. Feature 3

Product B

  • beep
  • baap
  • boop

Step Four – Heading level h2

This is the first paragraph under a numbered div. It is directly after an <h2>. It is followed by a columns block.

Product A

  1. Feature 1
  2. Feature 2
  3. Feature 3

Product B

  1. beep
  2. baap
  3. boop

Step Five – Heading level h2

This is the first paragraph under a numbered div. It is directly after an <h2>. It is followed by a columns block.

Step Five – Part One

Step Five – Part Two

Product C

  1. Feature 1
  2. Feature 2
  3. Feature 3

Product D

  1. beep
  2. baap
  3. boop

Step Six – Heading level 2

This numbered list is split from a second list.

  1. first item – starts at 6.1
  2. second time
  3. third item
  4. Paragraph of text

Paragraph of text – next list restarts as expected

  1. first item of next list – restarts at 6.1
  2. next
  3. next

This is a long, numbered list that is split but has continuous numbering

  1. first item – starts at 6.1
  2. second time
  3. third item
  4. fourth item

Paragraph of text

must NOT restart – must be 6.5!

By MisterFoxOnline

Mister Fox AKA @MisterFoxOnline is an ICT, IT and CAT Teacher who has just finished training as a Young Engineers instructor. He has a passion for technology and loves to find solutions to problems using the skills he has learned in the course of his IT career.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.