JSFiddle - React, Tailwind, and code Playground

HTML

<style>
ul {
        background: #f99;
        padding: 0;
}
li {
        list-style: none;
        display: block;
        height: auto;
        margin-left: 18px;
}
div {
    float: left;
    width: 6px;
    height: 6px;
    margin-left: -18px;
    background: #99f;
    border: 1px solid red;
}
</style>
<ul>
        <li><div></div>1<br/>2<br/>3</li>
        <li><div></div>a<br/>b</li>
        <li><div></div>A</li>
</ul>