Edge Case: Nested And Mixed Lists

Category : Classic, Edge Case

Author: Theme Buster

Post Date :

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

Tags

content περιεχόμενο, css, edge case, lists, markup

About Author

SHINEADS

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 

Author : SHINEADS

Shineads.in: Your free source for premium WordPress themes and plugins.

Join Us

Recommended Posts

Template: Sticky

WP 6.1 Font size scale

WP 6.1 spacing presets

WP 6.1 Theme block category

WP 6.1 Widgets block category

WP 6.1 Design category blocks

WP 6.1 Media category blocks

WP 6.1 Text category blocks

We share modded android games apk's & modded apps apks for all. We share modded android games apk's & modded apps apks for all. We share modded android games apk's & modded apps apks for all.

Top Rated Posts

WP 6.1 Font size scale

WP 6.1 spacing presets

WP 6.1 Theme block category

WP 6.1 Widgets block category

Recommended Posts

WP 6.1 Font size scale

WP 6.1 spacing presets

WP 6.1 Theme block category

WP 6.1 Widgets block category

" target="_blank" rel="nofollow">