Skip to content
Physical Activity
  • Home
  • Research
  • Education
  • About Us
  • Community Initiatives
  • Facilities
  • Contact
Site Search
Edge Case

Edge Case: Nested And Mixed Lists

  • May 15, 2015
  • by admin

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
Template: Featured Image (Vertical)
Markup: Title With Markup
admin

kbassett@pitt.edu
content css edge case lists markup

Related articles

Hello world!
Template: More Tag
Hello world!
Markup: HTML Tags and Formatting
Markup: Image Alignment
Markup: Text Alignment
Template: Sticky
Markup: Title With Special Characters
Markup: Title With Markup
Template: Featured Image (Vertical)

Recent Posts

  • Hello world!
  • Template: More Tag
  • Hello world!
  • Markup: HTML Tags and Formatting
  • Markup: Image Alignment

Recent Comments

    Archives

    • February 2017
    • March 2016
    • February 2016
    • January 2016
    • May 2015
    • March 2015
    • March 2012
    • January 2012
    • March 2011
    • October 2010
    • September 2010
    • August 2010
    • June 2010
    • May 2010
    • March 2010
    • February 2010
    • January 2010
    • October 2009
    • September 2009

    Categories

    • Edge Case
    • Markup
    • Media
    • News
    • Post Formats
    • Template
    • Uncategorized

    Meta

    • Log in
    • Entries RSS
    • Comments RSS
    • WordPress.org
    Theme by Colorlib Powered by WordPress