JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>a</li>
    <li>b</li>
    <li class="break">c</li>
    <li>d</li>
    <li>f</li>
    <li class="break">c</li>
    <li>d</li>
    <li>f</li>
</ul>

CSS

body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}

JavaScript

$(document).ready(function() {
    $("li.break").each(function(){
        var boundary = $(this);
       $("<ul>").insertAfter(boundary.parent())
             .append(boundary.nextAll().andSelf());
    });    
});