JSFiddle - React, Tailwind, and code Playground

by dkunin

HTML

<ul id="timeline">
<li>6-9</li><li>9-12</li><li>12-24</li><li>24-48</li><li>48-56</li><li>56-47</li>
    </ul>

CSS

#timeline{
    width:100%
    margin:0px 0px;
    padding:0px 0px 15px;
    border:0px;
    list-style-type:none;
    background: #444;
    overflow: hidden;}
#timeline li{
float:left;
margin:15px;
    width:50px;
    padding:15px 8px;
    text-align:center;
    display:block;
    border:1px solid black;
}