ordered-list-auto-padding.css

ol {
  padding-inline-start: 0;
  list-style: none;
  counter-reset: my-counter;
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 0.5rem;
}
ol li {
  display: contents;
}
ol li::before {
  counter-increment: my-counter;
  content: counter(my-counter) ".";
  display: inline-block;
  text-align: end;
  padding-inline-end: 5px;
}