JSFiddle - React, Tailwind, and code Playground

by swfour

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;
    list-style-position: inside;
}