Skip to main content
Typographic utilities

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

At their most basic, web navigation menus are lists of hyperlinks. Usually they are styled up a bit, to make them look more interesting.

See the simple menus (and menubars) component.