how do i move the numbers of an ordered list centered with css
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>align</title> <style> li {list-style-position: inside;} </style> </head> <body> <ol> <li style="text-align: left">item 1</li> <li style="text-align: center">item 2</li> <li style="text-align: right">item 3</li> </ol> </body> </html>