Grace Garden
  • Home
  • Our Story
  • Portfolio
  • Services
  • Our Venue
  • Incredible….
  • Let’s Plan
0
Your cart is empty. Go to Shop.
pexels-photo-306176
May 15 2009

Edge Case: Nested And Mixed Lists

admin Archive content, css, markup

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

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Google+ (Opens in new window)

Related

Media: YouTube Video

Related Posts

pexels-photo-169191

Archive, Media

Post With Galleries

pexels-photo-267360

Archive, Markup

Markup: Image Alignment

pexels-photo-540522

Archive, Markup

Markup: Text Alignment

Grace Garden
© Grace Garden 2023
Powered by WordPress • Themify WordPress Themes

Grace Garden

  • Email
    info@gracegardenevents.com
  • Phone
    601-214-8658