How to keep indent for second line in ordered lists via CSS

How to keep indent for second line in ordered lists via CSS

ol {
    counter-reset: foo;
    display: table;
}

li {
    counter-increment: foo;
    display: table-row;
}

li::before {
    content: counter(foo) ".";
    display: table-cell; 
    text-align: right;
}