JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <img src="http://lorempixel.com/output/nature-q-c-60-60-1.jpg">
  <ul class="links">
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 2</a></li>
  </ul>
</nav>

CSS

nav img {
  height: 60px;
}
nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.links {
  margin: auto;
}
nav ul li {
  display: inline-block;
  list-style: none;
  margin: 0 2%;
}