JSFiddle - React, Tailwind, and code Playground

Norbi nav test

by Csaba Hellinger

HTML

<header>
  <div class="left">
   <a href='#'>Title</a>
  </div>
  <ul class="right">
    <li><a href="#">hello</a></li>
    <li><a href="#">world</a></li>
  </ul>
</header>

CSS

header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 10px 0;
  background-color: pink;
  height: 60px;
}

.left {
  font-size: 40px;
}

ul.right {
  padding: 0;
  margin: 0;
  background-color: skyblue;
}

ul.right li {
  display: inline-block;
  margin-left: 4px;
}

a {
  background-color: orange;
}