JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="test">
    <li>아이유</li>
    <li>효느님</li>
    <li>수지</li>
    <li>리지</li>
    <li>돼지</li>
</ul>

CSS

#test {
    float: right;
    position: relative;
    left: -50%;
}

#test li {
    float: left;
    position: relative;
    left: 50%;
    
    border: 1px solid red;
}