JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
    <h2>
    This is a text
    </h2>
    <ul>
      <li><a>Test1</a></li>
      <li><a>Test2</a></li>
      <li><a>Test3</a></li>
      <li><a>Test4</a></li>
    </ul>
</div>

CSS

h2 {
  display: inline;
}

ul {
  float: right;
  margin-right: 100px;
  white-space: nowrap;
}

li {
  display: inline;
  float: left;
}

a {
  padding: 14px 16px;
}