CSS Property - List Style Position

Value: inside | outside
Initial: outside
Applies to: elements with "display" value "list-item"
Inherited: yes
Percentage values: N/A

The value of "list-style-position" determines how the list-item marker is drawn with regard to the content.

Elements with a "display" property value of "list-item" are formatted as block-level elements, but preceded by a list-item marker. The type of marker is determined by the "list-style" property. The marker is placed according to the value of the "list-style" property

Example:

CSS Code:
<style type="text/css">
ul {list-style: outside;}
</style>

HTML Code:
<ul>
  <li>first list item comes first</li>
  <li>second list item comes second</li>
</ul>

Example:

CSS Code:
<style type="text/css">
ul.compact {list-style: inside;}
</style>

HTML Code:
<ul class="compact">
  <li>first list item comes first</li>
  <li>second list item comes second</li>
</ul>