JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
 <li><a href="/">Home</a>
  <ul>
   <li><a href="/articles/">Articles</a>
    <ul>
     <li><a href="/articles/file.html">Title</a></li>
    </ul>
   </li>
  </ul>
 </li>
</ul>

CSS

ul, li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul {
    white-space: normal;
}

li {
    white-space: nowrap;
}

ul ul:before {
    content: '\a0> ';
}