JSFiddle - React, Tailwind, and code Playground

by Liu ChangFeng

HTML

<div class="box">
    <ul class="list">
        <li class="in">1</li>
        <li class="in">2</li>
        <li class="in">3</li>
    </ul>    
</div>

CSS

ul{
    margin: 0;
    padding: 0;
    list-style:none;
}
.box{
    width: 290px;
    background-color: pink;    
}
.list{
    overflow: hidden;
    margin-right: -10px;
}
.in{
    float: left;
    width: 90px;
    height: 100px;
    background-color: lightgreen;
    margin-right: 10px;
}