JSFiddle - React, Tailwind, and code Playground

by w3cplus

HTML

<ul>
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
  <li>item4</li>
  <li>item5</li>
</ul>

<ul>
  <li>
   item1</li><li>
   item2</li><li>
   item3</li><li>
   item4</li><li>
   item5</li>
</ul>

<ul>
  <li>item1</li
  ><li>item2</li
  ><li>item3</li
  ><li>item4</li
  ><li>item5</li>  
</ul>

<ul>
  <li>item1</li><!--
  --><li>item2</li><!--
  --><li>item3</li><!--
  --><li>item4</li><!--
  --><li>item5</li>  
</ul>

<ul>
  <li>item1</li><li>item2</li><li>item3</li><li>item4</li><li>item5</li>
</ul>

CSS

*{
  margin: 0;
  padding: 0;
}
ul {
  list-style: none outside none;
  padding: 10px;
  background: green;
  text-align: center;
  margin-bottom: 20px;
}
ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: orange;
  padding: 5px;
}