How to add multiple (26) lines in a box in CSS (HTML5)?

Question

CSS:
.retangle{
position: absolute;
box-sizing: border-box;
border: 1px solid rgb(0, 0, 0);
width: 1100px;
height: 873px;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #FFFFFF;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
border-radius: 6px;
}
I want to create an order list, and I already have the 'box' where I want the lines to be placed in, but I can't seem to find a good way to do it. So if anyone know how to, please let me know! Appreciate it

Answer 1

with an ol tag and as many li tags as needed.