Sinistra allinea i numeri con l’intestazione nella stessa “colonna”

Per semplicità, ho messo tutto nella parte HTML:

Come si fa ad allineare ogni numero di ol con la stessa “colonna”?

Mi piacerebbe avere questo:

 FRUITS 1. Apples 2. Bananas 3. Oranges 

Per allineare a sinistra i numeri di elenco con l’intestazione.

 body { text-align: center; } section { display: inline-block; text-align: left; } ol { list-style: none; padding: 0; } ol li { counter-increment: step-counter; } ol li:before { content: counter(step-counter)". "; } 
 

FRUITS

  1. Apples
  2. Bananas
  3. Oranges