JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <div class = "li_wrapper">
        <li>I am a line</li>
    </div>
    <div class = "li_wrapper">
        <li>I am a line</li>
    </div>
    
    
</ol>

<div>
   I'd like for the red lines to be to the left of the numbers. 
</div>

CSS

.li_wrapper{
    font-size:20px;
    margin-top:10px;
}

li{
    border-left:red 2px solid;

}