JSFiddle - React, Tailwind, and code Playground

HTML

<h3 class="green">Display Inline-Block Demo</h3>
<div class="navbar">
<ul>
   <li><a href="#">HTML</a></li>
   <li><a href="#">CSS</a></li>
   <li><a href="#">Result</a></li>
</ul>
</div>

CSS

.green{
   color:lightgreen;
}

ul{
   background-color:lightgray;
   
  
   padding:10px;
}

li{
   background-color:lightblue;
   color:light-gray;
   display:inline;
   margin:20px;
}

a:hover{
   color:orange;
}

a{
   text-decoration:none;
}