list-style-position

These are html tags you type. 

    <ol>
      <li>first default position</li>
      <li>second default position</li>
    </ol>
    <ol style="list-style-position: outside;">
      <li>first outside position</li>
      <li>second outside position</li>
    </ol>
    <ol style="list-style-position: inside;">
      <li>first inside position</li>
      <li>second inside position</li>
    </ol>

list-style-position is not very interesting. The value inside indents the list markers to where the text is normally located.

The resulting web page:

  1. first default position
  2. second default position
  1. first outside position
  2. second outside position
  1. first inside position
  2. second inside position