JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Lorem ipsum.</li>
    <li>Lorem ipsum Mollit.</li>
    <li>Lorem ipsum Velit exercitation sint amet consequat dolor dolor officia adipisicing veniam ullamco dolor.</li>
    <li>Lorem ipsum Cupidatat tempor cupidatat adipisicing quis dolor cillum pariatur quis non aliquip nulla in esse ut veniam dolore amet.</li>
    <li>Lorem ipsum Commodo sed incididunt quis ad nostrud magna officia anim id ut minim occaecat sed enim do et fugiat veniam id Excepteur sunt veniam veniam dolor ad et.</li>
</ul>
<div class="clear"></div>

CSS

.clear { clear: both }

ul {
    display: block;
    padding: 0;
    margin: 0;
}

ul li {
    display: block;
    float: left;
    max-width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

JavaScript

var a = $('ul li');
a.css('max-width', 100 / a.length + '%');