Tiny MCE – Nested List (li) elements

I use the Tiny MCE Advanced plugin in WordPress to give me a few more options when editing posts.  But when I have a list, I often times want to nest and have sub bullets.  So I press the Tab key much like I’d do in any other word processing document, but no luck.  That just moves the focus to the next HTML element like the web browser should do.  But it is possible to nest lists.

The solution:

1. Begin your list by clicking the Bulleted List or Numbered List icons.
   

2. Type your first line.
3. Press Enter to create a second line
4. To nest (indent) this line, click the Increase Indent button.
   1. It’ll look something like this.
   2. Then press Enter to create another line.
   3. To go back to the main level, use the Decrease Indent button or press the Enter key a second time.

5. It’ll look something like this.
6. Bonus Points:
   • You can change the numbering style of the nested lines by clicking the arrow to the right of the Bulleted List or Numbered List icons.
   • Use the Increase Indent button to go even deeper in.
     • and further yet…
       Pressing Shift + Enter allows you to create a new line without creating a bullet / number for that line.

Bullet lists in the Tiny MCE editor work the same way. Different bullet shapes are available.