JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li><a href="">about my</a></li>
  <li><a href="">portfolio</a></li>
  <li><a href=""><img src="https://www.vectorportal.com/img_novi/logo-construction-company.jpg" alt=""> </a></li>
  <li><a href="">my blog</a></li>
  <li><a href="">contact my</a></li>
</ul>

CSS

*{
  margin:0;
  padding:0;
  list-style:none;
  text-decoration:none;
  box-sizing:border-box;
}
ul img{
  display:block;
  max-width:120px;
}
ul{
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
}
ul li{
  margin:0 10px;
}
ul li a{
  font-variant:small-caps;
  font-weight:900;
}