Ordered Lists with Notes

Formatting notes that appear in ordered lists.

New Style Notes: div.note

Level 1 Notes

  1. Here is a note formatted with just the 'div.note' style and nothing else.

    Note Heading

    This note appears in an ordered table in a level 1 step.

    Additional paragraph of note content.

  2. Level one text.

Level 2 Notes

  1. Level one text.

    1. Here is a note formatted with just the div.note style and nothing else.

      Note Heading

      This note appears in an ordered table in a level 2 step.

      Additional paragraph of note content.

    2. Level two text.

Level 3 Notes

  1. Level one text.

    1. Level two text.

      1. Here is a note formatted with just the div.note style and nothing else.

        Note Heading

        This note appears in an ordered table in a level 3 step.

        Additional paragraph of note content.

      2. Level three text.

Old Style Notes: div.note, p.noteHeader, p.noteContent

Level 1 Notes

  1. Here is a note formatted in the old way, with p.noteHeading and p.noteContent styles.

    Note Heading

    This note appears in an ordered table in a level 1 step.

    Additional paragraph of note content.

  2. Level one text.

Level 2 Notes

  1. Level one text.

    1. Here is a note formatted in the old way, with p.noteHeading and p.noteContent styles.

      Note Heading

      This note appears in an ordered table in a level 2 step.

      Additional paragraph of note content.

    2. Level two text.

Level 3 Notes

  1. Level one text.

    1. Level two text.

      1. Here is a note formatted in the old way, with p.noteHeading and p.noteContent styles.

        Note Heading

        This note appears in an ordered table in a level 3 step.

        Additional paragraph of note content.

      2. Level three text.