JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Item 1
    <li>Item 2
    <li>Item 3
    <li>Item 4
</ul>

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
</ul>

CSS

ul {
    margin: 15px;
}
li {
    padding: 15px 25px;
    border: 1px solid gray;
    display: inline-block;
 
  *display: inline;
  zoom: 1;  
}