divs lists and center align

Question

ive made an example of the blog project.
my heading is in the center
<h2 align="center">Welcome to my blog!</h2>
Also is my div, exept of the number they r still at the right of the page.
but the listed items are at the center.
<div align="center">
<p>This blog is about my learnning procces of my web-development journey <br>
<ol >
<li><ins>HTMl</ins></li>
<li><ins>HTMl5</ins></li>
<li><ins>CSS</ins></li>
</ol></p>

</div>
its like:
this blog....
1. html
2. html5
3. css

id like it to be
this blog...
1.html
2.html5
3.css
thanks

Answer 1

Alex this can be accomplished bi adding width and margin to the ol tag as shown below:

https://code.sololearn.com/W3mjdkAhLnof/?ref=app

Answer 2

The only answer I can find for this involves a CSS solution. Add

ol {
list-style-position: inside
}

...into the CSS page.