Cómo centrar el número de lista ordenada en HTML

Actualmente estoy aprendiendo progtwigción HTML. Tengo un problema:

Si pongo así:

  HEADLINE 
  1. First Item

El problema es que el número (1.) está a la izquierda cuando quería que se alineara bajo el título. ¿Cómo puedo obtener todo el elemento de la lista en el medio?

Necesito al menos 10 reputación para agregar imágenes, así que le proporcionaré un enlace a otro sitio web para que pueda ver la imagen: ALINEANDO

Estás alineando textos en el cuerpo.

Prueba esto:

 .center { text-align: center; list-style-position: inside; } 
 

HEADLINE

  1. First Item

Nikolas, alineando los números en una lista ordenada en CSS es el siguiente:

  ol { display: inline-block; margin-left: auto; margin-right: auto; } 

** Debe usar un bloque de visualización porque debe colocar su lista en un cuadro para centrar los números en la lista.

Además de la respuesta de Nuno Duarte puedes agregar descansos después de los números de la lista, lo que (creo) hace que se vea mejor en el modo centrado. (descargo de responsabilidad: no probado en todos los navegadores)

 .text-center { text-align: center; } ol.text-center { list-style-position: inside; padding-left: inherit; /*Get rid of padding to center correctly*/ } ol.text-center > li::before { content: "\A"; white-space: pre; } 
 

HEADLINE

  1. First Item