JSFiddle - React, Tailwind, and code Playground

by Samitha Hewawasam

HTML

<ul id="tiles">     <li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li> </ul>

CSS

ul {
    column-width: 85px;
    -webkit-column-width:85px;
    -moz-column-width: 85px;
    height:60px;
}


#tiles {         
    list-style: none;        
    margin: 0px; 
width:300px;
height:200px;    
}     
#tiles li {         
    float: left;
   
    margin: 20px;        
    width: 50px;         
    height: 30px;         
    background-color: #dddddd;         
    font-size: 16px;         
    text-align: center;         
    vertical-align: middle;     }