Alinear horizontalmente div dentro de li

[artek]

Hola, he intentado de varias formas y no he podido alinear horizontalmente una div con imágenes dentro a un párrafo, todo esto dentro de un li.

Hice un ejemplo para que puedan ver, tiene estilos en línea pero obviamente luego lo haría a través de CSS.

Aquí el ejemplo:
chocolatedonas.brinkster[punto]net/li-div/

Y el código:

Código:

<ol>
    <li>

      <p>Lorem ipsum</p>
      <div style="width:80px; border: green solid 1px"><img src="formas.jpg" width="80" height="20" /></div>
    </li>
    <li>
      <p>Dolor sit amet</p>
      <div style="width:80px; border: green solid 1px"><img src="formas.jpg" width="80" height="20" /></div>
    </li>
    <li>

      <p>Consectetur adipiscing elit</p>
	  <div style="width:80px; border: green solid 1px"><img src="formas.jpg" width="80" height="20" /></div>
    </li>
    <li>
      <p>In sed risus </p>
      <div style="width:80px; border: green solid 1px"><img src="formas.jpg" width="80" height="20" /></div>
    </li>
   
  </ol>

Espero que me puedan ayudar, gracias.
Saludos, Artek.