JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li>LI00000001 LI00000001 LI00000001 </li>
        <li>LI00000002 LI00000001 LI00000001 </li>
        <li>LI00000003 LI00000001 LI00000001 </li>
    </ul>
    <div>FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOATFLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOATFLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOATFLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOATFLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOATFLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT FLOAT</div>

CSS

div {background-color: #CCDD11; border: #000000 solid 2px; margin: 10px; }
ul {float: right; width: 100px; }
li {border: #000000 solid 2px; }