list-style-position

Alter the indentation of your bullets or numbering systems. You may only use keyterms when specifying the indentation. Note: "outside" is actually the default setting for list indentation.

Value Description
inside The bullets or numbers for the list will appear closer to the list items.
outside The bullets or numbers for the list will appear apart from the list items. This is the default setting.

Code:

ul { list-style-position: inside; }
ol { list-style-position: outside; }

Display:

An unordered list:
  • This list is
  • using inside
  • positioning with CSS!
and now an ordered list:
  1. This list is
  2. using outside
  3. positioning with CSS!

Compatibility Issues:

IE 5.0 - List positioning is buggy.