JSFiddle - React, Tailwind, and code Playground

by michaelschmid

HTML

<!-->List display as table<-->

<ul id="contentpane">
    <li>Col 1</li>
    <li>Col 2</li>
    <li>Col 3</li>
    <li>Col 4</li>
</ul>
<ul id="contentpane">
    <li>Lorem ipsum dolor sit amet,</li>
    <li>
    <li> consectetur</li>
    <li> adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut</li>
    <li> enim ad minim veniam, </li>
    <li>quis nostrud exercitation ullamco la</li>
    <li>boris </li>
</ul>

CSS

ul#contentpane{
width:100%;  
    white-space:nowrap;
   
}
#contentpane li{
    padding:10px;
    width:80px;
    border:1px solid #000;
    height:auto;
    display:inline-block;
    white-space:normal !important;
    vertical-align:top
}