How to create a centered list using HTML / CSS?

Question

I would like to create a simple centered ordered list as shown below:

    1. one
   2. three
  3. fifteen
    4. two

All I am trying to do is align the number to the left, and does not stay next to the element. How to get the result above?

Answer 1

use

<style type="text/css">
 .centered { text-align: center; list-style-position:inside;}
</style>    

<ol class="centered">
  <li>one</li>
  <li>three</li>
  <li>fifteen</li>
  <li>two</li>
</ol>