JSFiddle - React, Tailwind, and code Playground

by Asher Stoppard

HTML

<ul>
  <li>A</li>
  <ul>
    <li>B</li>
    <ul>
      <li>C</li>
      <ul>
          <li>D</li>
      </ul>
    </ul>
  </ul>
</ul>

CSS

ul {
    list-style-type:none;
    margin-top:5px;
    padding-left:40px;
    float:left;
    width:400px;
    overflow:hidden;
    background:#ff0000;
}
li {
    padding-top:5px;
}
ul div {
    position:absolute;
    left:0;
    width:100%;
    border-top:3px solid #fff;
}

JavaScript

$(document).ready(function(){
    $('ul').prepend('<div></div>');
});