JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

ul, a {
    white-space: normal;
}

li {
    white-space: nowrap;
}

a:after {
    content: '';
    white-space: nowrap;
}

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