JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mainDiv">
    <div id="borderLeft">
        <ul>
            <li>List item</li>
            <li>List item</li>
            <li>List item</li>
            <li>List item</li>
            <li>List item</li>
            <li>List item</li>
        </ul>
    </div>
</div>

CSS

ul {
    padding-left:14px;
    margin-top:-6px;
    margin-bottom:-6px;
    padding-bottom:0;
    list-style: 'circle';
    /* list-style-type: "circle"; */
    
}

li { 
/*; */
}

#mainDiv {
    height: 200px;
    width:200px;
    position: relative;
}
#borderLeft {
    border-left: 2px solid #f51c40;
    position: absolute;
    top: 25px;
}