JSFiddle - React, Tailwind, and code Playground

HTML

<div class="name1">Submenu 1<span class="sub">▶</span></div>
    <a href="#">Item 1</a>
    <a href="#">Item 2</a>
  <div class="name2">Submenu 2</div>
    <a href="#">Item 1</a>
    <a href="#">Item 2</a>

CSS

a { border: green 1px dotted; }
    a, .name1, .name2 {
      display: block;
      white-space: nowrap;
    }
    .name1 > .sub {
      display: inline-block;
      float: right;
    }
    .name2:after {
      content: "▶";
      float: right;
    }