How to center ordered list number in HTML

Question

I am currently learning HTML programming. I have a problem:

If I put like this:

HEADLINE



        

Answer 1

This is very old post but this this is the solution I did.

CSS:

.center
{
 text-align: center;
 list-style-position: inside;
}
ol.center li
{
 text-align: left;
 margin-left: 45%;
}

HTML

Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit, repellat.
List1

List2

Final Result would look lke this :