JSFiddle - React, Tailwind, and code Playground

by Tamil

HTML

<div class="container">
  
  <ul class="ulContent">
     <li>Test 6</li>
    <li>Test 1</li>
    <li>Test 2</li>
    <li>Test 3</li>
    <li>Test 4</li>
    <li>Test 5</li>
    <li>Test 6</li>
    <li>Test 1</li>
    <li>Test 2</li>
    <li>Test 3</li>
    <li>Test 4</li>
    <li>Test 5</li>
    <li>Test 6</li>
  
  </ul>
  
</div>

CSS

.container{
    width: 100%;
    padding: 0px;
    margin: 0px;
  
}
.container ul{
  
    width: 100%;
    height: auto;
     
}
.container ul li{
  
  width: 180px;
  height: auto;
  display: inline;
  float: left;
    
}