JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  <div class="logo">
    <a href="#">
      MyLogo
    </a>
  </div>
  <nav>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Practic Area</a></li>
      <li><a href="#">Lawyers</a></li>
      <li><a href="#">Publications</a></li>
      <li><a href="#">Faq</a></li>
      <li><a href="#">Contacts</a></li>
    </ul>
  </nav>
</header>

CSS

* {
  text-decoration: none
}

header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; 
}

nav > ul {
  display: flex;
  list-style: none;
}

nav > ul > li {
  margin-right: 5px;
}

nav > ul > li:last-child {
  margin-right: 0px;
}