Nested And Mixed Lists

Nested and mixed lists are an interesting beast. It’s a corner case to make sure that

  • Lists within lists do not break the ordered list numbering order
  • Your list styles go deep enough

Ordered – Unordered – Ordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  3. ordered item
  4. ordered item

Ordered – Unordered – Unordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      • unordered item
      • unordered item
  3. ordered item
  4. ordered item

Unordered – Ordered – Unordered

  • unordered item
  • unordered item
    1. ordered
    2. ordered
      • unordered item
      • unordered item
  • unordered item
  • unordered item

Unordered – Unordered – Ordered

  • unordered item
  • unordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  • unordered item
  • unordered item
1 414

No Content

0 509

Gutenberg: Image Alignment

Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab...
0 487

Gutenberg: Classic Block

Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: People think...
0 441

Gutenberg: Columns

2 columns This is a 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit. Don't forget...
Author: Michael Novotny
Litora bibendum molestie deleniti ligula nostra, exercitationem morbi distinctio porro nibh commodi lacinia earum mi enim netus mus, mus dapibus, rerum facere autem nullam voluptas, cubilia non. Iste sequi numquam rhoncus natoque conubia viverra tristique incidunt? Cubilia quo curabitur sociosqu.

Leave a Reply