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

Further to Nuno Duarte's answer you can add breaks after list numbers which (I think) makes it look better in centered mode. (disclaimer: Not tested across browsers)

.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

  
First Item