JSFiddle - React, Tailwind, and code Playground

by oboshto

HTML

<div class="short-description">
    <div  class="table">
      <ul class="table">
        
         
        <li>A</li>
        <li class="odd">B B B B B B</li>
    
        <li>C</li>
        <li class="odd">D</li>

        <li>E</li>

      </ul>
    </div>
</div>

CSS

.table ul{
    list-style: none;
    width: 180px;
    height: auto;
}

.table li{
    display: inline-block;
    vertical-align: top;
    width: 50px;
    background: rgba(0,0,0,0.2);
    margin: 3px;
}