JSFiddle - React, Tailwind, and code Playground

HTML

<ul...

CSS

ul{
    border:1px solid black;
}

JavaScript

var lis = $("ul > li");
for(var i = 0; i < lis.length; i+=20) {
   lis.slice(i, i+20).wrapAll("<ul id='ul"+(parseInt(i)/20+1)+"'></li>");
}
$("ul > ul").unwrap();