JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li>
            <div></div>
            <a href = "">linktext</a>
        </li>
    </ul>

CSS

* {
        margin: 0;
        padding: 0;
    }
    
    ul {
        list-style-type: none;
    }
    
    body {
        padding: 10px;
    }
    
    ul > li {
        display: table;
    }
    
    ul > li > div {
        display: table-cell;
        width: 10px;
        outline: 1px solid red;
    }

    ul > li > a {
        display: table-cell;
    }