JSFiddle - React, Tailwind, and code Playground

HTML

<div id="navigation">
  <ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li id="logo">
        Logo Image
   </li>
   <li>Item 3</li>
   <li>Item 4</li>
       <li>Item 1</li>
   <li>Item 2</li>
   <li id="logo">
        Logo Image
   </li>
   <li>Item 3</li>
   <li>Item 4</li>
  </ul>
</div>

CSS

#navigation{
    margin-top:100px;
}

li, #logo{
    display:inline;
}

li{
    padding:10px;
    background-color:#333;
    color:#fff;
    border-radius:10px;
    margin:5px;
}

#logo{
    padding:40px;
    background-color:#333;
    color:#fff;
    border-radius:10px;
}