How To Create Centered Ordered List With Html/css?

I'd like to create a simple centered ordered list like the following: 1. one 2. three 3. fifteen 4. two Everything I'm trying makes the number align flush to the lef

Solution 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>