Nested And Mixed Lists

   Friday, February 22, 2013  Leave a Comment on Nested And Mixed Lists  Posted in Content, Lists 0 Likes 563 Views
Share: XFacebookPinterestRedditVKDiggLinkedinMix

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 Articles

2 584

Many Categories

 Michael Novotny  Friday, November 2, 2012
This post has many categories.
0 544

Gutenberg: Classic Block

 ThemesDNA.com  Friday, February 15, 2013  0 Comments on 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 644

Text Alignment

 Chris Ames  Wednesday, January 9, 2013  0 Comments on Text Alignment
Default This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free...
0 840

Paginated

 Michael Novotny  Tuesday, January 8, 2013  0 Comments on Paginated
Post Page 1
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