JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <ul>
  <li>
    <img src="https://i.ytimg.com/vi/bEFyV2JCjOM/hqdefault.jpg?custom=true&w=120&h=90&jpg444=true&jpgq=90&sp=68&sigh=q79Y1ZfIk-fsdzV2xpFk6xbvbTc">
  </li>
  <li>
    olá
  </li>
  <li>
    hey
  </li>
  <li>
    hello
  </li>
  <li>
    hola
  </li>
  </ul>
</nav>

CSS

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

    nav {
      background-color: coral;
      width: 100%;
    }
    ul {
      width:100%;
      max-width: 800px;
      margin: 0 auto;
      text-align:center;
      padding:0;
      font-size:0;
    }
    img {
      width:60px;
    }
    li {
      width: 20%;
      display: inline-block;
      font-size:16px;
      border: 1px solid;
      vertical-align:middle;
    }