);

Edge Case: Nested And Mixed Lists

Posted on May 15, 2009 Filed as Edge Case

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

Related

  • I Am Worth Loving Wallpaper

    Markup: 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 a paddle and let’s get started. On the topic of alignment, it should be noted that users can choose from the options of None, Left, Right, and Center. In […]

  • Media: Twitter Embeds

    Really cool to read through and find so much awesomeness added to WordPress 3.6 while I was gone. I should take three weeks off more often. — Andrew Nacin (@nacin) April 3, 2013 This post tests WordPress’ Twitter Embeds feature.

  • Markup: Title With Markup

    Verify that: The post title renders the word “with” in italics and the word “markup” in bold. The post title markup should be removed from the browser window / tab.

Skip to toolbar