JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><span></span>The lazy dog.</li>
    <li><span>ANNNNNNNNNNND</span>The lazy cat.</li>
    <li><span>OR</span>The active goldfish.</li>
</ul>

CSS

li {list-style-type: none;}
li{
display:table-row;        
}
li span{
display:table-cell;
text-align:right;
padding-right:50px;border: 1px solid #f00;
}