JSFiddle - React, Tailwind, and code Playground

by jockebq

HTML

<div id="container">
<div id="datafetch">
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
aa<br>
</div>
</div>

CSS

#datafetch {
    text-align: center;
    font-family: "Open Sans", Arial, Verdana;
    font-size: 14px;
    display:none;
    color:#B7B7B7;
    height:200px; /* 40px - more place for scrollbar, is hidden under parent box */
    white-space:nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling:touch;
}

.module {
    display:inline-block;
    width:200px;
    height:200px;
  /*  line-height:5px; */
    text-align:center;
    background:#ddd;
    vertical-align: top;
}
.module + .module {
    margin-left:5px
}