List formats

Codebase has several list-style-type- utilities (to be used on <ol> and <ul> tags), for controlling list item indicators.

Ordered lists

Normal (classless):

1. First item
2. Second item
3. Third item

list-style-type-none

1. First item
2. Second item
3. Third item

list-style-type-lower-alpha

1. First item
2. Second item
3. Third item

list-style-type-upper-alpha

1. First item
2. Second item
3. Third item

list-style-type-lower-roman

1. First item
2. Second item
3. Third item

list-style-type-upper-roman

1. First item
2. Second item
3. Third item

list-style-type-decimal

1. First item
2. Second item
3. Third item

Unordered lists

Normal (classless):

• First item
• Second item
• Third item

list-style-type-none

• First item
• Second item
• Third item

list-style-type-square

• First item
• Second item
• Third item

list-style-type-circle

• First item
• Second item
• Third item

list-style-type-disc

• First item
• Second item
• Third item

Menus are usually lists

At their most basic, web navigation menus are lists of hyperlinks. Usually they are styled up a bit, to make them look more interesting. And for accessabiilty, you should swap the (outer) <ul> for <nav> or <menu> tag.

See the simple menus (and menubars) component.