list-style-position
The classification properties of your document refer to the element type which is being used. Examples of this are inline elements, block elements, and list items. With this property, the element type can be changed. This property will give you more control over the presentation and functionality of your document.

list-style-position

This property is used to set the positioning of the bullet. The options are inside and outside, and are used to control the positioning of the bullet with respect to the surrounding text.

list-style-position values

inside

Using the 'inside' option will produce a bulleted paragraph where the text is aligned with the bullet. For example:

* This is the paragraph text.

This is the paragraph text.

oustside

Using the outside option will produce a bulleted paragraph where the bullet is outside the text area. For example:

* This is the paragraph text.

This is the paragraph text.

EXAMPLES:

UL {list-style: squares inside}

This example will set the unordered list bulleted with squares, with the bullet displayed inline with the text.

OL {list-style: upper-roman outside}

This example wil display the ordered list bulleted with upper case roman numerals, with the bullet displayed outside the line of text.