JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
        <li>
           Sed volutpat fringilla tortor, nec porttitor velit viverra id. Nulla nulla mi, eleifend in sodales eu, lacinia id quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.
        </li>

        <li>
           Sed volutpat fringilla tortor, nec porttitor velit viverra id. Nulla nulla mi, eleifend in sodales eu, lacinia id quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis varius elit adipiscing turpis ultrices placerat. Nunc mauris tellus, elementum id condimentum quis, eleifend rutrum risus. Proin in lectus purus.
        </li>
        
        <li>
           Sed volutpat fringilla tortor, nec porttitor velit viverra id. Nulla nulla mi, eleifend in sodales eu, lacinia id quam. Vestibulum ante ipsum primis in faucibus orci luctus et.
        </li>
        
        <li>
           Sed volutpat fringilla tortor, nec porttitor velit viverra id. Nulla nulla mi, eleifend in sodales eu, lacinia id quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.
        </li>

        <li>
           Sed volutpat fringilla tortor, nec porttitor eleifend in sodales eu, lacinia id quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis varius elit adipiscing turpis ultrices placerat. Nunc mauris tellus, elementum id condimentum quis, eleifend rutrum risus. Proin in lectus purus.
        </li>
    </ul>

CSS

ul {
    width: 655px
    }

    ul li {
        width: 297px;
        float: left;
        margin-right: 30px;
        background: beige;
        display: block;
        margin-bottom: 20px;
        }

    ul li:nth-child(2n+2) + li {
        /*clear: both*/
        }